深入理解angularjs过滤器

前端技术 2023/09/05 JavaScript

•在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过滤器就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/12902

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案