angular貨幣過濾 Angular過濾器

2021-10-16 19:31:10 字數 1291 閱讀 4320

內建過濾器

1、currency(貨幣處理)

currency可以將數字格式轉化為貨幣的形式,如果不傳引數,預設為$。

1 }展現的形式為¥***。

2、date(日期格式化)

angular中提供的date過濾器能夠滿足一般的時間格式要求。

}展現形式為:年-月-日 時:分:秒 星期,它們之間的格式可以自由組合,脫離了原生js中的單調和複雜性。

3、filter(匹配字串)

filter用來處理陣列,然後可以挑選出含有的所選中的子串元素,作為子陣列來返回。可以是字串陣列,也可以是物件陣列。如果是物件陣列,可以匹配屬性的值,它接受乙個引數,來定義子串的規則。

1 $scope.arr = [\"monday\",\"tuesday\",\"星期三\",\"星期四\",\"周五\",\"週六\"];1 }

2 }它能選出陣列中含有字母「d」、含有漢子「周」的元素,然後分別以陣列的形式返回。

4、json(格式化json物件)

json過濾器可以把乙個js物件格式化為json字串,沒有引數。這東西有什麼用呢,官網說它 可以用來進行除錯,嗯,是個不錯的選擇。或者,也可以用在js中使用,作用就和我們熟悉的json.stringify()一樣。

1 }5、limitto(限制陣列長度或字串長度)

limitto過濾器用來擷取陣列或者字串的長度,接收乙個引數用來指定要擷取的陣列或者字串的長度,如果值為負數,那麼就從陣列或者字串的尾部開始擷取。1 }

它會擷取陣列arr的前三位,然後以陣列的形式返回。

6、lowercase(小寫格式)

把英文本母全部轉化成小寫的形式,也沒有太大的用處。沒有引數。

} 這裡只能轉換英文,遇到其他的則不轉換。

7、uppercase(大寫格式)

這個的寫法跟lowercase相同。

8、number(格式化數字)

number過濾器可以為一串數字進行分位,相當於千位分割符,如:123,456,789。可以接收乙個引數,指定float型別保留幾位小數。

} 這個就表示保留小數點後兩位。

9、orderby(排序)

orderby過濾器可以將陣列中的元素進行排序,接收乙個引數指定排序的規則,引數可以是字串,表示以這個屬性名稱進行排序;可以是乙個函式,定義排序屬性;可以是乙個陣列,表示依次按陣列的屬性值進行排序。

1 $scope.err = [2 ,3 ,4 ,5 ,6 ]1 }

這個就是以age的從大到小進行排序。

自定義過濾器

1 2 }

3

angular貨幣過濾 angular過濾器的使用

angular中常見過濾器 我們從後台請求的資料 有時候不是我們想要的格式 比如貨幣數字從後台獲取過來就是一堆純數字 但是貨幣數字通常是 按照規則用逗號分開並且數字前面有標識當前是哪種貨幣 過濾器的概念 angularjs為我們提供的處理資料格式的方式 過濾器的作用 將資料格式化我們想要的格式 過濾...

angular貨幣過濾 AngularJS 過濾器

1 uppercase,lowercase 大小寫轉換 結果 lower cap string 結果 tank is good 2 date 格式化 2017 03 22 13 52 25 3 number 格式化 保留小數 4 currency貨幣格式化 結果 250.00 結果 rmb 250....

angular中的過濾器(filter)

1 使用angularjs過濾器可以實現對字串的大小uppercase lowercase currency寫轉換 貨幣格式的轉換 陣列的過濾等等。2 具體的有 currency 貨幣 date 日期 filter 子串匹配 json 格式化json物件 limitto 限制個數 lowercase...