1. 程式人生 > >AngularJS1元素過濾

AngularJS1元素過濾

filter的兩種使用方法 1. 在模板中使用filter 我們可以直接在{{}}中使用filter,跟在表示式後面用 | 分割,語法如下: {{ expression | filter }} 也可以多個filter連用,上一個filter的輸出將作為下一個filter的輸入 {{ expression | filter1 | filter2 | ... }} filter可以接收引數,引數用 : 進行分割,如下: {{ expression | filter:argument1:argument2:... }} 除了對{{}}中的資料進行格式化,我們還可以在指令中使用filter,例如先對陣列array進行過濾處理,然後再迴圈輸出: <span ng-repeat="a in array | filter "> 2. 在controller和service中使用filter 我們的js程式碼中也可以使用過濾器,方式就是我們熟悉的依賴注入,例如我要在controller中使用currency過濾器,只需將它注入到該controller中即可,程式碼如下: app.controller('testC',function($scope,currencyFilter){     $scope.num = currencyFilter(123534);   } 在模板中使用{{num}}就可以直接輸出 $123,534.00了!在服務中使用filter也是同樣的道理。 ng提供了一個$filter服務可以來呼叫所需的filter,你只需注入一個$filter就夠了,使用方法如下: app.controller('testC',function($scope,$filter){     $scope.num = $filter('currency')(123534); $scope.date = $filter('date')(new Date());   } 可以達到同樣的效果。好處是你可以方便使用不同的filter了。