Question

我是新手，这意味着这是我使用AngularJS的第一个小时。我正试图编写自定义过滤器，这是我的第一个：

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

Answer 1

请在此处查看更新后的版本http://jsfiddle.net/UJTdb/6/

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

我也更改了过滤功能：

filter('addon', function(){
        alert('here');
        return function(ip){
            return ip || '' +'-suffix';
        }
    });

Answer 2

<body ng-app="myapp">

诀窍！：d

Angular JS自定义过滤器不起作用

2 个答案: