我是新人,这意味着这是我第一次接触 AngularJS。我正在尝试掌握编写自定义过滤器的技巧,这是我的第一个:
http://jsfiddle.net/rutwick/UJTdb/
angular.module('myfilters', []).
filter('addon', function(){
alert('here');
return function(ip){
return ip+'-suffix';
}
});
angular.module('myapp', ['myfilters']);
如果我尝试像这样使用它:
<input type="text" ng-model="sometext" />
<h1>{{ sometext | addon }}</h1>
我遇到了很多错误。所以我这样使用它:
<input type="text" ng-model="sometext" />
<h1>{{ sometext | filter:addon }}</h1>
没有错误,但是不起作用。警报不会弹出。我在这里遗漏了什么吗?
错误:
Error: Unknown provider: addonFilterProvider <- addonFilter
at Error (<anonymous>)...blah blah file path
最佳答案
在此处查看更新的变体 http://jsfiddle.net/UJTdb/6/
基本想法是设置 <body ng-app="myapp">
我还更改了过滤功能:
filter('addon', function(){
alert('here');
return function(ip){
return ip || '' +'-suffix';
}
});
关于angularjs - Angular JS 自定义过滤器不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17883924/