为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

精慕HU 2019-10-06 10:54:27

从文档开始,我们可以像这样调用过滤器,例如date:


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

date是一个采用一个参数的过滤器。


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


查看完整描述

3 回答

?
慕雪6442864

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


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


查看完整回答
反对 回复 2019-10-06
?
慕桂英4014372

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


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”组合


查看完整回答
反对 回复 2019-10-06
?
慕工程0101907

如果要在ng-options中调用过滤器,则代码如下:


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

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



查看完整回答
反对 回复 2019-10-06

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信