常用的AngularJS過濾器

2021-07-31 07:01:49 字數 1810 閱讀 4005

1.angularjs過濾器幹什麼的?

通過某個規則來對進行對資料的處理,然後返回處理後的結果

2.angularjs過濾器用在什麼地方?

用來對資料的格式化,通過angularjs的內建過濾器可以使用不同的規則,對資料的處理

3.angularjs內建過濾器都有什麼?及其使用方式

常用的過濾器我詳細介紹,不常用的就一提就過,還望大家諒解!

過濾器使用方式通常在前面加|(管道)符號,意思是資料通過管道進行過濾,就是相物件的規格化處理後剩下的資料返回

currency貨比過濾器:對貨比進行一定的規則式處理

使用方式:

預設貨比過濾器輸出方式:

$scope.price=499.0123

輸出結果:$499.0123

帶引數貨比過濾器輸出方式:

$scope.price=499.0123

輸出結果人民幣¥499.0123

引數貨比過濾器輸出方式:

$scope.price=499.0123

輸出結果人民幣¥499.012

currency:'¥'自定義貨比符號 currency:'¥':3 保留三位小數

date日期過濾器:對時間進行了一些處理:

處理方式:

原始輸出實踐方式: 

格式化後日期方式:

格式化後自定義日期方式:

格式化後自定義日期方式:

格式化後自定義日期方式:

$scope.date=new date();別忘記了獲取時間!

filter輸出過濾器:是對輸出內容的篩選
處理方式:

然後在文字框內輸入相對性的id、name、age就可以對資料進行過濾篩選。這個可以用來做購物車的內容篩

選,例如商品銷量、人氣、**等
length長度過濾器:
處理方式:

uppercase字元大小寫控制器:
原始字元輸出: 

格式化字元輸出(大寫):

格式化字元輸出(小寫):

sort排序:

排序關鍵字: 排序順序: 倒序

AngularJs的過濾器

所謂過濾器就是過濾得到自己想要的資料 currency 格式化數字為貨幣格式。filter 從陣列項中選擇乙個子集。lowercase 格式化字串為小寫。orderby 根據某個表示式排列陣列。uppercase 格式化字串為大寫。uppercase 過濾器將字串格式化為大寫 divng contr...

angularjs過濾器的學習

1.ng內建了一些過濾器,它們是 currency 貨幣 date 日期 filter 子串匹配 匹配屬性值中含有a的 匹配屬性值中含有4的 引數是物件,匹配name屬性中含有i的 引數是函式,指定返回age 4的 json 格式化json物件 json過濾器可以把乙個js物件格式化為json字串,...

AngularJs 七 過濾器(filter)

過濾器 filter 正如其名,作用就是接收乙個輸入,通過某個規則進行處理,然後返回處理後的結果。主要用在資料的格式化上,例如獲取乙個陣列中的子集,對陣列中的元素進行排序等。ng內建了一些過濾器,它們是 currency 貨幣 date 日期 filter 子串匹配 json 格式化json物件 l...