Я пытаюсь определить директивы, чтобы я мог отображать разные "виджеты" в форме, в зависимости от типа поля и его параметров, которые хранятся в базе данных. Мне нужно реагировать на разные типы сценариев, следовательно, необходимо, чтобы директивы обрабатывали макет.
Во время игры с несколькими примерами я придумал код, который * kinda * работает:
HTML
<input type="text" ng-model="myModel" style="width: 90%"/>
<div class="zippy" zippy-title="myModel"></div>
Директива
myApp.directive('zippy', function(){
return {
restrict: 'C',
// This HTML will replace the zippy directive.
transclude: true,
scope: { title:'=zippyTitle' },
template: '<input type="text" value="{{title}}"style="width: 90%"/>',
// The linking function will add behavior to the template
link: function(scope, element, attrs) {
// Title element
element.bind('blur keyup change', function() {
scope.$apply(read);
});
var input = element.children();
function read() {
scope.title = input.val();
}
}
}
});
Кажется, что это работает (хотя и заметно медленнее, чем привязка переменной * для angularJS), но я считаю, что должен быть лучший способ сделать это. Может ли кто-нибудь пролить свет на это?