Angularjs 如何使用多个参数调用Angular.js过滤器?

Angularjs 如何使用多个参数调用Angular.js过滤器?,angularjs,Angularjs,从中,我们可以调用如下筛选器: {{ myDateInScope | date: 'yyyy-MM-dd' }} 这里date是一个接受一个参数的筛选器 使用模板和JavaScript代码中的更多参数调用过滤器的语法是什么?在模板中,您可以通过冒号分隔过滤器参数 {{ yourExpression | yourFilter: arg1:arg2:... }} 在Javascript中,您将其称为 $filter('yourFilter')(yourExpression, arg1, arg2

从中,我们可以调用如下筛选器:

{{ myDateInScope | date: 'yyyy-MM-dd' }}
这里date是一个接受一个参数的筛选器


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

在模板中,您可以通过冒号分隔过滤器参数

{{ yourExpression | yourFilter: arg1:arg2:... }}
在Javascript中,您将其称为

$filter('yourFilter')(yourExpression, arg1, arg2, ...)
实际上,过滤文档中隐藏了一个示例


示例:

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

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>
{{myText | regexReplace:'[0-9]':'X'}


我在下面提到了自定义过滤器,如何调用这些具有两个参数的过滤器

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;
    }
});
countryApp.filter('reverse',function(){
返回函数(输入,大写){
var out='';
对于(变量i=0;i
从使用模板的html中,我们可以像下面那样调用过滤器

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

在这里,如果您看到,第一个参数是inputString,第二个参数是true,它与使用:symbol的“reverse”组合在一起

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

如果过滤器是sizeWithPriceFilter,并且它有两个参数product和productSize

,如果您需要两个或更多的过滤器交易,可以将它们链接起来:

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

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

在这段代码中,jsondata是我们的数组,在函数返回中,我们检查jsondata中存在的“版本”

var as = $filter('filter')(jsondata, function (n,jsondata){
   return n.filter.version==='V.0.3'
});

console.log("name is " + as[0].name+as[0]); 

在HTML模板绑定{{filter_expression | filter:expression:comparator}中,在JavaScript$filter('filter')(filter_expression,expression,comparator)中@pulkitsinghal你是什么意思?用JSFIDLE或Plunker显示你有问题的代码。如果你只是把过滤器发布到Javascript@ObiOnuorah好的,刚刚把咖啡脚本翻译成Javascript。好东西。为什么这个答案不在列表的顶部?可能重复:没有解决问题”如何使用多个参数调用Angular.js过滤器?”(而不是“如何调用多个过滤器?”)