创建 AngularJS 自定义过滤器,带自定义参数

2014-11-23 22:06:57 · 作者: · 浏览: 20

Angularjs过滤器是 angularjs非常棒的特性之一。有朝一日,你可能需要使用自定义过滤器,幸运的是,你找到了这篇博文。


下面显示的是自定义过滤器长什么样子(请注意myfilter):



我们的自定义过滤器叫做 "myfilter", 它有由 ':'隔开的4个参数.

这是一个将会用到的样本输入:


过滤"555"的处理流程由 "windowScopedFilter"执行, 它是过滤器 'myfilter'的第四个参数.


下面我们来实现这些功能 (把logging添加到每个输入参数):


上面的代码大多都log了(译者注:将信息显示到控制台). 实际完成过滤的最重要的一部分是:


"return window[args[4]](input)" 调用第四个参数, 它是 'windowScopedFilter'.

这是控制台输出:


完整代码:


带你走近AngularJS系列