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

标签 angularjs angularjs-filter

我是新人,这意味着这是我第一次接触 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/

相关文章:

javascript - agGrid AngularJS 1.x 示例不起作用

javascript - 从谷歌地图检索坐标

angularjs - 在 angularJS 中,如何将包含标记的模型渲染为标记(未转义)

javascript - AngularJS过滤器: Return array of objects not matching expected string

javascript - AngularJS:单击隐藏事件表并显示新表?

javascript - 将克隆的元素添加到 ng-repeat

javascript - 如何在文档准备好时在 AngularJS Controller 中运行功能?

javascript - AngularJS ng-repeat 查询过滤器不显示嵌套对象

javascript - 按日期季度进行 Angular 自定义过滤

javascript - AngularJS ng-repeat 具有更好的性能 - 在 Controller 中重新分配值或过滤值