网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 深入理解angularjs过滤器
内容
    下面小编就为大家带来一篇深入理解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过滤器就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/19 4:21:15