02
2020
06

{{now | 'yyyy-MM-dd'}}这种表达式里面,竖线和后面的参数通过什么方式可以自定义?

filter,格式化数据,接收一个输入,按某规则处理,返回处理结果。


内置filter


1、ng内置的filter有九种:


1.date(日期)


2.currency(货币)


3.limitTo(限制数组或字符串长度)


4.orderBy(排序)


5.lowercase(小写)


6.uppercase(大写)


7.number(格式化数字,加上千位分隔符,并接收参数限定小数点位数)


8.filter(处理一个数组,过滤出含有某个子串的元素)


9.json(格式化json对象)


2、filter有两种使用方法,


1)是直接在页面里:


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


2)是在js里面用:


// $filter('过滤器名称')(需要过滤的对象,参数1,参数2,...)


$filter('date')(now, 'yyyy-MM-dd hh:mm:ss');


***自定义filter


//形式


app.filter('过滤器名称',function(){


return function(需要过滤的对象,过滤器参数1,过滤器参数2,...){


//...做一些事情


return处理后的对象;


}


});



//列子


app.filter('timesFilter', function(){


return function(item, times){


var result = '';


for(var i = 0; i < times; i++){


result += item;


}


return result;


}


})

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。