У меня есть элемент ввода, и я хотел бы привязать к нему ngModel и ngClass с помощью настраиваемой директивы, но у меня возникли проблемы.
Что у меня:
<input type="text" myDirective="PropertyFromScope" />
Что я хочу в результате:
<input type="text" ng-model="PropertyFromScope" ng-class="{'class' : MethodFromScope}" />
Я пытаюсь избежать использования шаблонов, потому что я хочу, чтобы директива работала с любым тегом ввода.
Вот что я получил до сих пор:
angular.module('customDirectives', [])
.directive('myDirective', function () {
var linker = function (scope, element, attrs) {
attrs.$set('ngModel', attrs.myDirective);
attrs.$set('ngClass', '{\'class\' : MethodFromScope}');
}
return {
restrict: 'A',
link: linker
}
});
Здесь JSFiddle: http://jsfiddle.net/Q8QJJ/