angularjs - 如何使用多个参数调用 Angular.js 过滤器？

Question

来自 documentation ，我们可以调用一个过滤器，例如 date像这样:

{{ myDateInScope | date: 'yyyy-MM-dd' }}

这里的日期是一个带有一个参数的过滤器。

从模板和 JavaScript 代码中调用具有更多参数的过滤器的语法是什么？

Answer 1

在模板中，您可以使用冒号分隔过滤器参数。

{{ yourExpression | yourFilter: arg1:arg2:... }}

在 Javascript 中，您将其称为

$filter('yourFilter')(yourExpression, arg1, arg2, ...)

orderBy中其实隐藏着一个例子过滤文档。

<小时/>

示例:

假设您制作了一个可以用正则表达式替换内容的过滤器:

myApp.filter("regexReplace", function() { // register new filter

  return function(input, searchRegex, replaceRegex) { // filter arguments

    return input.replace(RegExp(searchRegex), replaceRegex); // implementation

  };
});

在模板中调用以审查所有数字:

<p>{{ myText | regexReplace: '[0-9]':'X' }}</p>