Я знаю, что мою задачу можно решить другим способом, но уменя вопрос в понимании и возможности, есть ли возмосность ... ? Итак что я хотел:
- создать директиву, именно директиву!
- Она должна отлавливать вводимые данные в
<input ng-model="data" my-counter="data">
- В реальном времени пользователь ввёл символ и директива должна тут же отловить их и выполнить какую-то логику над этой строкой, например провалидировать и вернуть в скоуп контролера какой-то результат
Во-первых я пробовал отследить при помощи $watch и $observe, они выполнялись 1 раз при загрузке страницы и больше изменения не отслеживали, код ниже:
app.directive('myCounter', [ function() {
return {
restrict: 'AE',
scope: {
value: '='
},
link : function(scope, element, attrs) {
attr.$observe(attrs['myCounter'], function(value) {
console.log("log" + value);
});
scope.$watch(scope.value, function(value) {
console.log("log" + value);
});
}
}]);
после, узнал про require 'ngModel', смог с помощью кода ниже получать в console.log вводимые значения, но как теперь, выполнив над ними какую-то логику, передать какой-то результат обратно в $scope контроллера, в котором директива была вызвана и вообще какой принцип работы ?
app.directive('myCounter', [ function() {
return {
require: 'ngModel',
link : function(scope, element, attrs, modelCtrl) {
var upperCaseFunc = function(inputValue, sco) {
console.log("log " + inputValue);
};
modelCtrl.$parsers.push(upperCaseFunc);
upperCaseFunc(scope[attrs.ngModel]);
}
}
}]);
ng-model
делаете - она и вернет