關于angular $filter,自定義函數過濾和自定義過濾器的傳值問題

關于$filter的自定義過濾器。要是定義在moduler內部使用自定義函數的方式,那么傳入該函數的是object。要是定義成filter的話,則傳入filter的則是array。

<div ng-app="myApp" ng-controller="namesCtrl">
  <ul>
    <li ng-repeat="x in names | filter:myFilter1"> 
    <!-- 傳入object -->
      {{x}}
    </li>
  </ul> 
 <ul>
    <li ng-repeat="x in names | myFilter2">
    <!-- 傳入array -->
      {{x}}
    </li>
  </ul>
</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope,$filter) {
    $scope.index = 2;
    $scope.size = 3;
    $scope.names = [
        {name:'11'},
        {name:'22'},
        {name:'33'},
        {name:'44'},
        {name:'55'},
        {name:'66'},
        {name:'77'}
    ];

    $scope.myFilter1 = function(data){
      console.log(data);
      }
    }
}).filter('myFilter2',function($filter){
  return function(data){
    console.log(data);   
  }
});

angular.module('demo',[])
</script>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,991評論 19 139
  • 監聽器(listener) 監聽器簡介 :監聽器就是一個實現特定接口的普通java程序,這個程序專門用于監聽另一個...
    奮斗的老王閱讀 2,565評論 0 53
  • 轉載文章 angularjs 過濾器(filter)正如其名,作用就是接收一個輸入,通過某個規則進行處理,然后返回...
    飛將軍閱讀 620評論 0 2
  • PHP常用函數大全 usleep() 函數延遲代碼執行若干微秒。 unpack() 函數從二進制字符串對數據進行解...
    上街買菜丶迷倒老太閱讀 1,390評論 0 20
  • AngularJS是什么?AngularJs(后面就簡稱ng了)是一個用于設計動態web應用的結構框架。首先,它是...
    200813閱讀 1,653評論 0 3