Angular two ways UI binding is great. It is so easy to use because angular handle binding the value automatically. but what if I want to compute the value in between bindings, something like getter and setters to computed the value. How shall I go about it?
I see that we can use filters for getters, but what about setters?? what I want is when a user inputs a number like 10, I need to compute it before setting to the scope model. any ideas?
thanks in advance.
You could store the unprocessed value to the scope, watch it and compute the derived value:
$scope.userInput = 3;
$scope.watch('userInput', function(newValue) {
$scope.computedUserInput = newValue + 1;
});
Alternatively, if you are using a default directive that supports ng-change, you could simply use that and call a method in your scope directly.
And a third way would be using ngModelController which I find a bit heavy for some simple cases but provides the transparency you seem to be seeking: http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController
