Question

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

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

这里的日期是一个带有一个参数的过滤器。

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

Answer 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>

Answer 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，它与＆＃34;反向＆＃39;组合。使用：符号

Answer 3

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

printf("%c", OK);

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

Answer 4

像这样：

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

Answer 5

如果您需要与过滤器进行两次或更多次交易，可以将它们链接起来：

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

Answer 6

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

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

6 个答案: