如何调用具有多个参数的 Angular.js 过滤器？

小编典典

如何调用具有多个参数的 Angular.js 过滤器？

all

从文档中，我们可以像这样调用过滤器，例如日期：

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

这里的 date 是一个接受一个参数的过滤器。

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

阅读 59

2022-04-19

共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>

2022-04-19