国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

angularJs-----$filter過濾器使用 自定義過濾器

2024-04-27 15:05:05
字體:
來源:轉載
供稿:網友
1.內置過濾器* $filter 過濾器,是angularJs中用來處理數據以更好的方式展示給我用戶。比如格式化日期,轉換大小寫等等。* 過濾器即有內置過濾器也支持自定義過濾器。內置過濾器很多,可以百度。關鍵是如何使用:* 1.在HTML中直接使用內置過濾器* 2.在js代碼中使用內置過濾器* 3.自定義過濾器** (1)常用內置過濾器*       number 數字過濾器,可以設置保留數字小數點后幾位等*       date   時間格式化過濾器,可自己設置時間格式*       filter 過濾的數據一般是數組,數組中的數據可以是對象,字符串等*       orderBy 排序根據數組中某一個元素的屬性排序等*       lowercase 轉換小寫*       uppercase 轉換大寫*       limitTo   字符串剪切 使用格式{{被剪切的字符串|limitTo:數值}} 數值絕對值代表要切得字符個數,正代表從頭開始切,負值相反。** */2.自定義過濾器/** 定義格式:* 模塊名稱.filter(‘過濾器名字’,function(){*       return function(被過濾數據,條件1,條件2.。。。){*       //過濾操作*       }* });* */    套用上面的格式定義兩個簡單的自定義過濾器一個帶條件的,一個不帶條件的。(1)【不帶條件】,功能:固定轉換(有時候項目中會遇到角色代號,門店編碼什么的,但是顯示的時候要顯示對應中文,比如字段code:101代表老板    這時候像這種code值比較多,那就用過濾器比較好。)myApp.filter("ChangeCode",function () { return function (inputData) { var changed = ""; switch (inputData){ case '101':changed = "老板";break; case '102':changed = "經理";break; case '103':changed = "員工";break; } return changed; }});/*完成,說一下使用場景(就這個過濾器的功能)和方式。* 場景:服務器返回的數據中有個字段code,直接放標簽里<div>{{data.code}}</div>,會顯示code值而不是code值對應的職稱,這時候就可以用這個專門*       針對這個轉換的自定義過濾器* 使用方式:*           (1)HTML中:<div>{{data.code | ChangeCode}}</div>//跟內置過濾器一樣的方式*           (2)js中:變量 = $filter("ChangeCode")(被過濾的code數據)//一樣的調用方式*           * */(2)【帶條件】,功能過濾掉一組數組中某個字段值為某個值的數據,比如這里定義一個過濾掉所有年齡為某個值的過濾器。參數就是年齡myApp.filter("deleteByAge",function () { return function (input,byAge,age) { var array = []; for(var i=0;i<input.length;i++){ if(input[i][byAge]!=age){ array.push(input[i]); } } return array; }})/** 處理一組數據的時候一般很少用在HTML當中,帶條件的自定義過濾器是根據年齡值,也可以根據數組元素中的任意一個屬性值進行刪除過濾。* 使用方式:變量 = $filter("deleteByAge")(數組,“屬性名稱”,屬性值);* */【總結內置過濾器的使用方式】 (1)在HTML中一般格式為:  {{被過濾的數據 | 過濾器名稱:條件1:條件2.。。。}}    ;過濾條件之間用‘:’隔開. (2)在代碼中一般格式為:  變量 = $filter("過濾器名稱")(被過濾數據,過濾條件1,過濾條件2,。。。。。。)【自定義過濾器】 (1)定義格式:           model.filter(filterName,function(){              return function(參數1,參數2,參數3.。。。。參數N){                  //過濾器處理部分               }           })      model:模塊名稱      filterName: 過濾器名稱      參數1:被過濾的數據      參數2:一般為過濾條件,可以有多個,后面的參數3一直到參數N都是,根據需要添加。附件中有完整demo
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 岱山县| 高安市| 安乡县| 诏安县| 温泉县| 西城区| 武川县| 兰溪市| 洪湖市| 新和县| 南雄市| 内乡县| 岱山县| 普兰县| 崇阳县| 泰州市| 咸阳市| 万全县| 宜州市| 军事| 德州市| 河津市| 老河口市| 广西| 塘沽区| 民和| 修武县| 边坝县| 安平县| 青海省| 沙田区| 会宁县| 通海县| 汶川县| 泸溪县| 昌黎县| 金寨县| 上饶市| 金寨县| 南涧| 宜君县|