AngularJS学习笔记八 过滤器

1.AngularJS过滤器

    在表达式中使用过滤器:在 | 符号后面加上过滤器的名称即可,允许同时使用多个过滤器:{{expression|filter1|filter2}},可以向这些过滤器传递参数,参数使用:符号隔开;

    在指令中使用过滤器:<span ng-repeat=“element in array | filter”></span>;

    在controller或者AngularJS服务中使用过滤器:使用依赖注入。AngularJS提供了一个$filter服务,可以调用所有的过滤器,只需要注入一个$filter就可以了。使用方法,$filter('过滤器名称')(参数),例如:filter('currency')(100102);

2.AngularJS内置过滤器

    filter;currency;number;lowercase;uppercase;data;json;limitTo;orderBy;

3.自定义过滤器

    调用模块实例的filter()方法可以自定义过滤器。

    filter()方法接收两个参数,第一个参数是过滤器的名称,第二个参数是过滤器定义方法,该方法必须返回一个用于处理过滤器逻辑的方法,返回的方法可以接收一个参数即过滤器的输入数据。

var app=angular.module("app",[]);
app.filter("filtername",function(){    
    return function(input){
        //处理逻辑;
        }
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值