AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

深入理解angularjs过滤器

51自学网 http://www.wanshiok.com
angularjs,过滤

•在html文件中和在js文件中使用

$scope.form_time = $filter('date')($scope.time, 'yyyy-MM-dd HH:mm:ss');<p>{{time | date: 'yyyy-MM-dd HH:mm:ss'}}</p>

•内部过滤器和自定义过滤器

.filter('my_data_format',[function(){  return function(data,str,sss){    console.log('data: ',data,' str: ',str,' sss: ',arguments[2]);  }}]);//var1就是第一个参数data, 123是第二个参数str, this是第三个参数<p>{{var1 | my_data_format : 123 : 'this'}}</p>//对传入的数据进行处理.filter('my_data_format',[function(){  return function(data,str){    var arr=[];    angular.forEach(data, function(one_list){      if(one_list.status == str){        arr.push(one_list);      }    });    return arr;  }}]);//过滤器可以用在绑定的值中,也可以用在ng-if="(lists | my_data_format: '2').length>0", 和ng-show等;类似的表达式中。作为判断语句<p ng-repeat = "list in lists">姓名:{{list.name}},人数{{(lists | my_data_format: '2').length}}</p>

以上这篇深入理解angularjs过滤器就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


angularjs,过滤  
上一篇:jquery 遍历数组 each 方法详解  下一篇:jQuery中on绑定事件后引发的事件冒泡问题如何解决