AngularJS 過濾器

過濾器能夠使用一個管道字符（|）添加到表達式和指令中。

下面來介紹一些經常使用的過濾器

1.uppercase 過濾器將字符串格式化爲大寫和lowercase 過濾器將字符串格式化爲小寫

代碼以下：

js部分：在controller（即一個控制器）裏定義 $scope.name = 'aBcDeF';

html部分：

indexCtrl爲controller的名字，最後在頁面上顯示的結果爲ABCDEF和abcdef

2.currency 過濾器將數字格式化爲貨幣格式和number 過濾器定義精確度：

代碼以下：

js部分：在controller（即一個控制器）裏定義 $scope.num = 12345;

html部分：

indexCtrl爲controller的名字，最後在頁面上顯示的結果爲：

3.date過濾器 日期格式化

代碼以下:

js部分：在controller（即一個控制器）裏定義 $scope.date = 1487131392000;//注：1970年到如今的毫秒數(時間戳)

html部分：

indexCtrl爲controller的名字，最後在頁面上顯示的結果爲：2017/02/15/12:03:12 Wednesday（年，月，日，時，分，秒......）

/不是固定的，也能夠根據本身的喜愛用-來鏈接

4.filter 過濾器從數組中選擇一個子集

代碼以下：

js部分：在controller（即一個控制器）裏定義一個數組，例如：

html部分：

最後在頁面上顯示的結果爲：laoxie

也能夠不將過濾的條件寫死，經過ng-model指令來實現，代碼以下：

js部分：在controller（即一個控制器）裏定義 $scope.search = '';

html部分：

這樣的話就能夠經過輸入框輸入的相關內容來過濾了，能夠本身去試試

5.orderBy 過濾器根據表達式排列數組

代碼以下：

js部分：用以前定義的那個數組

html部分：

結果你們本身去測試了，在這裏就很少說了，

filter 過濾器 和 orderBy 過濾器還能夠搭配使用，有興趣的朋友能夠試試，搜索的同時排序。

6.limitTo過濾器:截取的長度  ：截取的起始座標

代碼以下：

js部分:用以前定義好的$scope.name = 'aBcDeF'。

html部分：

 

 

 

 

能夠用limitTo過濾器實現簡單的分頁，咱們還能夠自定義過濾器，這個在這裏就不說了，但願你們能看得懂，有什麼很差的或有錯誤的地方但願各位讀者能指出來，你們一塊兒學習！！！！！