如何用多个参数调用Angular.jsfilter?

从文档中 ,我们可以调用像这样的datefilter:

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

这里date是一个只有一个参数的filter。

用模板和JavaScript代码调用具有更多参数的filter的语法是什么?

在模板中,可以用冒号分隔过滤参数。

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

从Javascript,你把它称为

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

orderByfilter文档中实际上隐藏了一个示例。


例:

假设你制作一个可以用正则expression式replace的filter:

 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> 

我在下面提到的自定义filter也提到,如何调用这些有两个参数的filter

 countryApp.filter('reverse', function() { return function(input, uppercase) { var out = ''; for (var i = 0; i < input.length; i++) { out = input.charAt(i) + out; } if (uppercase) { out = out.toUpperCase(); } return out; } }); 

并从使用模板的HTML我们可以调用像下面的filter

 <h1>{{inputString| reverse:true }}</h1> 

在这里,如果你看到,第一个参数是inputString,第二个参数是true,它与使用:符号的“reverse”相结合

如果你想在ng-options中调用你的filter,代码如下:

 ng-options="productSize as ( productSize | sizeWithPrice: product ) for productSize in productSizes track by productSize.id" 

其中filter是sizeWithPriceFilter,它有两个参数product和productSize

喜欢这个:

 var items = $filter('filter')(array, {Column1:false,Column2:'Pending'}); 

如果你需要两个或更多的filter交易,可以链接它们:

 {{ value | decimalRound: 2 | currencySimbol: 'U$' }} // 11.1111 becomes U$ 11.11 

在这段代码中,jsondata是我们的数组,在函数返回中,我们正在检查jsondata中的'version'。

 var as = $filter('filter')(jsondata, function (n,jsondata){ return n.filter.version==='V.0.3' }); console.log("name is " + as[0].name+as[0]);