AngularJS：将ng-model传递给函数

Question

我有大约40个输入字段，所有这些字段都有相同的逻辑来应用ng-class。所以，不是重复ng-class中的逻辑，而是决定定义一个函数并调用它：

<input ... ng-model="modelProperty" ng-class="GetHighlightingClassByNumericValue(modelProperty)" />

考虑到我有超过40个输入字段，我无法复制和粘贴它，因为模型属性不同。我想知道是否有办法将ng-model值传递给函数。

Answer 1

一种选择是：

.directive('modelToClass', modelToClassDirective);

function modelToClassDirective() {
  return {
    restrict: 'AE',
    scope: { ngModel: '=' },
    template: '<input ng-class="doSomethingWithInputModel(ngModel)" ng-model="ngModel" />
  }
}