AngularJS 9 自定義過濾器

2021-09-06 21:19:36 字數 810 閱讀 3873

angularjs另乙個特點就是提供了過濾器,可以通過操作unix下管道的方式,運算元據結果。

通過使用管道,可以便於雙向的資料繫結中檢視的展現。

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

接下來在模組的基礎上,建立過濾器:

());

其中reverse是過濾器的名字,後面跟著過濾器的方法宣告,在方法中返回另乙個方法:

()

if(uppercase)

return

out;

}});

內部返回的方法包含了兩個引數,乙個是輸入的值,就是我們過濾器接受的值。

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

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

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

內部實現的**,就沒必要解釋了。最後返回過濾後的字串即可。

reverse name:}

reverse&uppercase name:}

($scope)]);

()

if(uppercase)

return

out;

}});

執行結果

angularjs自定義過濾器demo

這個基於angularjs的過濾器是最近做的 資訊管理學院實驗室預約 專案中的乙個小功能。以下為資料 scope classes 具體功能 分別在兩個select選擇星期和課次,列表會即時根據條件更新。完整 周一周二 週三周四 周五 1 2 1 2 3 3 41 2 3 4 5 67 8 假資料 s...

angularjs 自定義過濾器filter和用法

自定義過濾器例子 input 前乙個命令的輸入,需要處理的字串 startnum 第乙個字串的起始位置 endnum 最後乙個字串的位置 charcode 被替換字母 return function input,startnum,endnum,charcode 沒有指定隱藏顯示的型別,則預設是 if...

angularjs自定義標籤

具有功能 1 支援按多列進行模糊查詢。2 資料模板可以指定輸出元素。查詢輸入框 標籤封裝 form表單中input型別為text的標籤 並且需要彈窗查詢資料 封裝 專案封裝標籤 input table 屬性 table resultjson jsonresulta 後端返回的資料物件 json陣列 ...