Я пытаюсь создать директиву, в которой мне нужно отформатировать значение в соответствии с фильтром, который может различаться (в зависимости от поля это может быть «число: 2», «дата»... или что-то еще).
Итак, я хочу определить фильтр, когда использую директиву в разметке. Сценарий показан с помощью этого плункера: http://embed.plnkr.co/N2zKITFpUQMxmylAAGlt/preview
Пока фильтр не применяется или возникают ошибки.
Как правильно это реализовать? спасибо
Вот один из способов сделать это с помощью template:function(elem,attrs)
app.directive('editableField', function() {
return {
restrict: 'A',
replace: true,
template:function(elem,attrs) {
return '<div>' +
'<input ng-model="editableModel" />' +
'<div class="output">{{editableModel|'+attrs.editableFilter+' }}</div>' +
'</div>';
},
/* if using in a form....I would remove the isolated scope*/
scope: {
editableModel: '='
},
controller: function($scope) {},
link: function($scope, $element, $attrs, $filter) {
var input = $element.find('input');
input.bind('click', function () {
this.select();
});
}
};
});
Вот рабочий Plunkr:
http://plnkr.co/edit/nZgah7PtGRVMWBgKu7V8?p=preview
Есть два примера: один форматирует его как число с плавающей запятой, а другой предположительно форматирует его как дату. Само форматирование я не делал, так как это довольно тривиально.
