有条件添加属性的调用指令

Question

如果有条件地在元素上添加属性，我想调用指令，但我没有得到任何解决方案。

HTML

    <input type="text" max-length="{{max_length}}" myElement/>

下面是指令

App.directive('maxlengthCounter', function($compile, $parse) {

return {
    require : 'ngModel',
    scope : {},
    link : function(scope, element, attrs, ngModel) {
        var maxLength = parseInt(attrs.maxLength);

        if (maxLength) {
            element.bind("keyup", function() {
                var value = element[0].value;
                element.val(value.substr(0, maxLength));            

            });
            }  

    }
    };
    });

并有条件地在元素上添加一个属性

App.directive('myElement',function(){
return {
restrict:"A",
    scope : {},
    link : function(scope, element, attrs, ngModel) {
  (attrs.max_length>0?angular.element(element).attr("maxlength-  
 counter",""):'');
  $compile(element.html())(scope);
  }
  });

Answer 1

您的代码对条件调用指令很好，但您的代码中有各种错误

1. <input type="text" myElement 应该是my-element

2. (attrs.max_length > 0 应该是maxLength。

3. 你为什么要做element[0].children[0][index]??随便你用element[0]

这是工作的Demo