深入理解angularjs過濾器

字號:


    下面小編就為大家?guī)硪黄钊肜斫鈇ngularjs過濾器。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
    •在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>
    •內(nèi)部過濾器和自定義過濾器
    .filter('my_data_format',[function(){
      return function(data,str,sss){
        console.log('data: ',data,' str: ',str,' sss: ',arguments[2]);
      }
    }]);
    //var1就是第一個參數(shù)data, 123是第二個參數(shù)str, this是第三個參數(shù)
    <p>{{var1 | my_data_format : 123 : 'this'}}</p>
    //對傳入的數(shù)據(jù)進行處理
    .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}},人數(shù){{(lists | my_data_format: '2').length}}</p>
    以上這篇深入理解angularjs過濾器就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考