2

我是新手，这意味着这是我使用 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
4

2 回答 2

2

在此处查看更新的变体http://jsfiddle.net/UJTdb/6/

基本思想是设置<body ng-app="myapp">

我还更改了过滤器功能：

filter('addon', function(){
        alert('here');
        return function(ip){
            return ip || '' +'-suffix';
        }
    });
于 2013-07-26T14:40:20.210 回答
1 
<body ng-app="myapp">

成功了！:D

于 2013-07-26T14:43:45.757 回答