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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何调用具有多个参数的Angular.js过滤器?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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>

猜你在找的Angularjs相关文章