Angularjs 自定义过滤器不工作_Angularjs_Angularjs Filter

Angularjs 自定义过滤器不工作

angularjs

Angularjs 自定义过滤器不工作,angularjs,angularjs-filter,Angularjs,Angularjs Filter,我是新来的，这意味着这是我和AngularJS的第一个小时。我正试图掌握编写自定义过滤器的窍门，下面是我的第一个窍门：如果我尝试这样使用它： <input type="text" ng-model="sometext" /> <h1>{{ sometext | addon }}</h1> {{sometext | addon}} 我犯了很多错误。所以我是这样用的： <input type="text" ng-model="sometext" /

我是新来的，这意味着这是我和AngularJS的第一个小时。我正试图掌握编写自定义过滤器的窍门，下面是我的第一个窍门：

如果我尝试这样使用它：

<input type="text" ng-model="sometext" />
<h1>{{ sometext | addon }}</h1>


{{sometext | addon}}

我犯了很多错误。所以我是这样用的：

<input type="text" ng-model="sometext" />
<h1>{{ sometext | filter:addon }}</h1>


{{sometext |过滤器：插件}

没有错误，但不起作用。警报没有弹出。我是不是遗漏了什么

错误：

Error: Unknown provider: addonFilterProvider <- addonFilter
at Error (<anonymous>)...blah blah file path

错误：未知提供程序：addonFilterProvider请参见此处更新的变量
基本思想是设置

我还更改了一个过滤函数：
filter('addon', function(){
        alert('here');
        return function(ip){
            return ip || '' +'-suffix';
        }
    });



真有意思D有哪些错误？某处有plunker吗？现在检查，我添加了错误。你需要在你的应用程序中注册你的过滤器。“angular”是您的应用程序名吗？对我来说，它的工作原理应该是这样的：以下是我的全部代码：
filter('addon', function(){
        alert('here');
        return function(ip){
            return ip || '' +'-suffix';
        }
    });

<body ng-app="myapp">