在Angularjs自定義指令中獲取屬性的值

Question

我將獲取文本框中的字母數，並將其顯示在div標籤中，該標籤由element指令顯示。

<input type="text" ng-model="name"> 
    <div counter-directive max-length="100" ng-model="name"></div> 

div標籤必須表現出這樣的事情：12/100（12就是我們在輸入輸入和100的最大長度值）

的問題是，我不知道如何獲得最大長度的值。

here我對的jsfiddle

Answer 1

的例子Firsly，請檢查拼寫。您在問題中使用過lenght幾次。

您可以從傳遞到link函數的attrs對象中獲得max-length屬性。

link: function (scope, element, attrs) { 
    var foo = attrs.maxLength; 
} 

Answer 2

你只需要做到這一點：

app.directive('counterDirective', function() { 

return { 

    restrict: 'A', 
    require: 'ngModel', 
    scope: { maxLength:'=', ngModel:'&' }, 
    link: function (scope, element, attrs) { 

      console.log(scope.maxLength); 

     scope.$watch(scope.ngModel, function (value) { 

      if (value) { 

       var newValue = value.length; 
       console.log(value); 
       element[0].innerText = newValue; 
      } 
     }); 

    } 
} 

}）;

我認爲你必須用'length'來代替'lenght':)