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

发布时间：2020-12-17 09:31:29 所属栏目：安全来源：网络整理

导读：从 documentation，我们可以调用像 date这样的过滤器： {{ myDateInScope | date: 'yyyy-MM-dd' }} 这里的日期是一个过滤器，它接受一个参数。使用来自模板和JavaScript代码的更多参数调用过滤器的语法是什么？在模板中，可以按冒号分隔过滤器参数。 {{ yo

从 documentation，我们可以调用像 date这样的过滤器：

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

这里的日期是一个过滤器，它接受一个参数。

使用来自模板和JavaScript代码的更多参数调用过滤器的语法是什么？

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

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

从Javascript，你称它为

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

实际上有一个例子隐藏在orderBy过滤器docs。

例：

假设您创建了一个可以用正则表达式替换的过滤器：

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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!