我们可以在angularjs中制作自定义滤镜吗？

Question

我知道像**currency**，**number**这样的angularjs中有一些过滤器可用。

{{ value | currency }}

是否有可用于电话号码格式化的过滤器？

我可以制作自己的过滤器吗？

{{ Phone-value | phoneFilter }}

我想制作自己的**phoneFilter**。

Answer 1

您可以在angularjs中创建自定义过滤器。

app.filter('phoneFilter', function() {
return function(input, param1(optional)) {

var result;

//filtering code

return result;

}

});

您可以将此过滤器完全用作视图中的标准过滤器，即{{Phone-value | phoneFilter}}

希望这有帮助。

Answer 2

是。可以制作自定义过滤器。 This fiddle就是一个例子。
代码：

angular.module('myApp').filter('phone', function () {
    return function (phone) {
        // phone is the model value
    }
});

在您的观看中{{ phoneNumber | phone}}

Angular docs for filters。文档中有另一个自定义过滤器的示例。

包含大量有用自定义过滤器的存储库：https://github.com/a8m/angular-filter