I'm new to AngularJS and i see this syntax a lot:
function someFunc(){
return function(input){
return 'hello' + input;
}
}
The function above is a general syntax i tend to see a lot but problem is specific with this example for custom filter:
angular.module('bookFilters', [])
.filter('newBookFilter', function(){
return function(input){
return 'The Book: ' + input.name + 'is new !';
};
});
I understand that wrapping the function with another function gives me an opportunity to use dependency injection, Here is my questions about it:
Does the filter get the function returned from the wrapping function? Then is it able to use dependency injection to inject the value into the function? Theoretically that:
This code:
{{bookObj | newBookFilter}}
Will become:
{{ bookObj | function(input){return 'The Book: ' + input.name + 'is new !'; } }}
And finally the {{}}
will return the final value from the function.
Why can't i just inject the input
to the first function like:
angular.module('bookFilters', [])
.filter('newBookFilter', function(input){
return 'The Book: ' + input.name + 'is new !';
});
Why dependency injection will only work on returned function?
I know i really confused here, If anyone can help me i will be very thankful, Thank you all and have a nice day.
.factory
and.service