欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

詳解AngularJS中$filter過濾器使用(自定義過濾器)

1.內(nèi)置過濾器

創(chuàng)新互聯(lián)主要從事網(wǎng)站建設、成都做網(wǎng)站、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務安寧,十多年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220

* $filter 過濾器,是angularJs中用來處理數(shù)據(jù)以更好的方式展示給我用戶。比如格式化日期,轉(zhuǎn)換大小寫等等。
* 過濾器即有內(nèi)置過濾器也支持自定義過濾器。內(nèi)置過濾器很多,可以百度。關鍵是如何使用:
* 1.在HTML中直接使用內(nèi)置過濾器
* 2.在js代碼中使用內(nèi)置過濾器
* 3.自定義過濾器
*
* (1)常用內(nèi)置過濾器
*    number 數(shù)字過濾器,可以設置保留數(shù)字小數(shù)點后幾位等
*    date  時間格式化過濾器,可自己設置時間格式
*    filter 過濾的數(shù)據(jù)一般是數(shù)組,數(shù)組中的數(shù)據(jù)可以是對象,字符串等
*    orderBy 排序根據(jù)數(shù)組中某一個元素的屬性排序等
*    lowercase 轉(zhuǎn)換小寫
*    uppercase 轉(zhuǎn)換大寫
*    limitTo  字符串剪切 使用格式{{被剪切的字符串|limitTo:數(shù)值}} 數(shù)值絕對值代表要切得字符個數(shù),正代表從頭開始切,負值相反。
*
* */

2.自定義過濾器

/*
* 定義格式:
* 模塊名稱.filter(‘過濾器名字',function(){
*    return function(被過濾數(shù)據(jù),條件1,條件2.。。。){
*    //過濾操作
*    }
* });
* */

    套用上面的格式定義兩個簡單的自定義過濾器一個帶條件的,一個不帶條件的。

(1)【不帶條件】,功能:固定轉(zhuǎn)換(有時候項目中會遇到角色代號,門店編碼什么的,但是顯示的時候要顯示對應中文,比如字段code:101代表老板

    這時候像這種code值比較多,那就用過濾器比較好。)

myApp.filter("ChangeCode",function () {
  return function (inputData) {
    var changed = "";
    switch (inputData){
      case '101':changed = "老板";break;
      case '102':changed = "經(jīng)理";break;
      case '103':changed = "員工";break;
    }
    return changed;
  }
});
/*完成,說一下使用場景(就這個過濾器的功能)和方式。
* 場景:服務器返回的數(shù)據(jù)中有個字段code,直接放標簽里<div>{{data.code}}</div>,會顯示code值而不是code值對應的職稱,這時候就可以用這個專門
*    針對這個轉(zhuǎn)換的自定義過濾器
* 使用方式:
*      (1)HTML中:<div>{{data.code | ChangeCode}}</div>//跟內(nèi)置過濾器一樣的方式
*      (2)js中:變量 = $filter("ChangeCode")(被過濾的code數(shù)據(jù))//一樣的調(diào)用方式
*      
* */

(2)【帶條件】,功能過濾掉一組數(shù)組中某個字段值為某個值的數(shù)據(jù),比如這里定義一個過濾掉所有年齡為某個值的過濾器。參數(shù)就是年齡

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;
  }
})
/*
* 處理一組數(shù)據(jù)的時候一般很少用在HTML當中,帶條件的自定義過濾器是根據(jù)年齡值,也可以根據(jù)數(shù)組元素中的任意一個屬性值進行刪除過濾。
* 使用方式:變量 = $filter("deleteByAge")(數(shù)組,“屬性名稱”,屬性值);
* */

【總結內(nèi)置過濾器的使用方式】

 (1)在HTML中一般格式為:  {{被過濾的數(shù)據(jù) | 過濾器名稱:條件1:條件2.。。。}}    ;過濾條件之間用‘:'隔開.

 (2)在代碼中一般格式為:  變量 = $filter("過濾器名稱")(被過濾數(shù)據(jù),過濾條件1,過濾條件2,。。。。。。)

【自定義過濾器】

 (1)定義格式:   

    model.filter(filterName,function(){
       return function(參數(shù)1,參數(shù)2,參數(shù)3.。。。。參數(shù)N){
         //過濾器處理部分
        }
      })

      model:模塊名稱

      filterName: 過濾器名稱

      參數(shù)1:被過濾的數(shù)據(jù)

      參數(shù)2:一般為過濾條件,可以有多個,后面的參數(shù)3一直到參數(shù)N都是,根據(jù)需要添加。

以上所述是小編給大家介紹的詳解AngularJS中$filter過濾器使用(自定義過濾器),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!

當前題目:詳解AngularJS中$filter過濾器使用(自定義過濾器)
網(wǎng)址分享:http://aaarwkj.com/article46/iidchg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、、微信小程序、用戶體驗商城網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設
国产精品国产三级专区| 日韩亚洲一区二区免费| 亚洲欧美日韩乱码综合久久| 91亚洲精品综合久久| 亚洲社区一区二区三区四区| 国产精品成人一区二区艾草| 91亚洲国产成人精品性色| 成人精品欧美欧美一级乱黄| 热99精品视频在线观看| 精品视频一区二区三区中文字幕| 国产午夜视频成人无遮挡| 蜜桃网站视频免费观看| 高清日本一区二区三区不卡片 | 欧美国产精品久久综合| 国产自拍偷拍自拍偷拍| 成年人国产免费在线观看| 婷婷精品国产欧美精品亚洲| 久久免费国产精品电影| 插入内射视频在线观看| 亚洲一区二区精品999| 色哟哟网站一区二区精品久久| 蜜臀综合亚洲国产精品| av一区二区日韩精品久| 中文字幕精品一区二区三区在线| 91精品手机在线观看| 中文字幕一区二区久久综合| 精品国产乱码一区二区三区四区| 中午字幕久久亚洲精品| 欧美日韩亚洲国产一区| 91精品国产91久久综合福利| 蜜臀av成人精品蜜臀av| 白白色手机视频免费看| 精品传媒国产在线观看| 青青草原三区在线播放| 久久午夜福利欧美视频| 亚洲av乱码专区国产乱码| 日韩三级精品一区二区| 亚洲欧美日韩国产精品专区| 亚洲一区二区视频在线观看免费| 视频一区二区三区拍拍| 国产国语久久91老女人|