天天看點

【AngularJS】—— 9 自定義過濾器

AngularJS另一個特點就是提供了過濾器,可以通過操作UNIX下管道的方式,操作資料結果。

  通過使用管道,可以便于雙向的資料綁定中視圖的展現。

  過濾器在處理過程中,将資料變成新的格式,而且可以使用管道這種鍊式風格,還能接受附加的參數。

  下面看一下如何定義聲明一個過濾器,首先依然是要建立我們自己的子產品myAppModule

  接下來在子產品的基礎上,建立過濾器:

  其中reverse是過濾器的名字,後面跟着過濾器的方法聲明,在方法中傳回另一個方法:

  内部傳回的方法包含了兩個參數,一個是輸入的值,就是我們過濾器接受的值。

  如果想要實作下面的過濾器:

  則input就是其中name代表的值。

  後面的參數是可選的,我們這裡接受uppercase這個bool值,判斷是否要進行大小寫轉換。

  内部實作的代碼,就沒必要解釋了。最後傳回過濾後的字元串即可。

  運作結果

【AngularJS】—— 9 自定義過濾器

繼續閱讀