(五上)过滤器,调用方式,filter过滤器,过滤器函数参数

过滤器的主要功能是格式化数据
可以使用Angular提供的过滤器,也可以自定义过滤器
Angular过滤器:
currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制长度)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。
例:{{ nowdate | date:'yyyy-mm-dd hh:mm:ss'}}

过滤器的3种调用方式:
单个过滤器 { 100.00 | currency } $100.00
多个过滤器 { 100.00 | currency | number:1 }$100.0
带参数的过滤器 { 100.00 | currency:'¥' }
filter过滤器

  • filter过滤器会根据设置的检索数据过滤未匹配到的数据内容
<ul class="messages">
    <li ng-repeat="item in messages | filter:{content:123}">
        {{item.content}}
    </li>
</ul>
  • 也可以通过设置检索条件为一个对象,实现在指定属性中检索

过滤器函数参数
通过自定义一个比较函数,为filter指定第二个参数

<ul class="numbers">
    <li ng-repeat="item in numbers | filter:1:comparator">
        {{ item }}
    </li>
</ul>
// js代码
$scope.comparator = function (source,target) {
    return source > target;
};

自定义过滤器 Module.filter()
自定义过滤器实现自定义数据格式转换

angular.module('MyAppFilters', []).filter('checkmark', function() {
    return function(input) {   //过滤器函数 接受一个参数 为需要过滤的数据
        return input ? ‘\u2713’ : ‘\u2718’;  //返回过滤后的数据格式
    };
});

{{  name  |  checkmark }}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值