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

【问题标题】：How do I call an Angular.js filter with multiple arguments?如何调用具有多个参数的 Angular.js 过滤器？
【发布时间】：2013-04-20 02:09:25
【问题描述】：

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

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

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

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

【问题讨论】：

标签： angularjs

【解决方案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>

【讨论】：

在 HTML 模板绑定 {{ filter_expression | filter:expression:comparator }}, In JavaScript $filter('filter')(filter_expression, expression, comparison)
@pulkitsinghal 你是什么意思？在 JSFiddle 或 Plunker 中显示有问题的代码。
如果您只是在 Javascript 中发布过滤器会很好
@ObiOnuorah 好的，刚刚将 Coffeescript 翻译成 Javascript。
好东西。为什么这个答案不在列表顶部？

【解决方案2】：

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

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 中调用过滤器，如下所示

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

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

【讨论】：

【解决方案3】：

如果你想在 ng-options 中调用你的过滤器，代码如下：

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

过滤器是 sizeWithPriceFilter ，它有两个参数 product 和 productSize

【讨论】：

【解决方案4】：

像这样：

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

【讨论】：

【解决方案5】：

如果您需要对过滤器进行两次或多次处理，可以将它们链接起来：

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

【讨论】：

可能重复：stackoverflow.com/questions/16227325/…
没有解决“如何使用多个参数调用 Angular.js 过滤器？”的问题。（而不是“如何调用多个过滤器？”）

【解决方案6】：

在这段代码中，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]);

【讨论】：