AngularJS學習筆記八 過濾器

2021-08-15 15:41:56 字數 560 閱讀 7009

1.angularjs過濾器

在表示式中使用過濾器:在 | 符號後面加上過濾器的名稱即可,允許同時使用多個過濾器:},可以向這些過濾器傳遞引數,引數使用:符號隔開;

在指令中使用過濾器:;

在controller或者angularjs服務中使用過濾器:使用依賴注入。angularjs提供了乙個$filter服務,可以呼叫所有的過濾器,只需要注入乙個$filter就可以了。使用方法,$filter('過濾器名稱')(引數),例如:filter('currency')(100102);

2.angularjs內建過濾器

filter;currency;number;lowercase;uppercase;data;json;limitto;orderby;

3.自定義過濾器

呼叫模組例項的filter()方法可以自定義過濾器。

filter()方法接收兩個引數,第乙個引數是過濾器的名稱,第二個引數是過濾器定義方法,該方法必須返回乙個用於處理過濾器邏輯的方法,返回的方法可以接收乙個引數即過濾器的輸入資料。

return function(input)

});

angularjs學習筆記

不要用控制器去繼承控制器,通用的通過service來通用 不要試圖服用controller,乙個控制器只負責乙個塊試圖 不要在controller中操作dom,這不是controller的職責,用指令只做 不要在controller中做資料初始化,ng有表單控制項 不要在controller中做資料...

angularjs 學習筆記

文件 function angular bootstrap element,modules config 第乙個引數,要繫結的元素,第二個引數要繫結的modules 第三個引數 暫不明確 controller welcomecontroller function scope angular.boot...

Angular JS 學習筆記

特定領域語言 指令 當關聯的html結構進入編譯階段時應該執行的操作,可以寫在名稱裡,屬性裡,css類名裡 本質上是函式 穩定的dom 繫結了資料模型的dom元素的例項不會在繫結的生命週期發生改變 作用域 用來檢測模型的改變和為表示式提供執行上下文的 angularjs 和其它模板系統不同,它使用的...