AnglarJSのfilterフィルタ使用（カスタムフィルタ）

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）【条件なし】機能：固定変換（プロジェクトではキャラクターコード、店舗コードなどに出会うことがありますが、表示する時は対応中国語を表示します。フィールドコード：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){
         //       
        }
      })

      モジュール名
      filterName:フィルタ名
      パラメータ1：フィルタされたデータ
      パラメータ2：一般的にフィルタ条件です。複数あります。後ろのパラメータ3はパラメータNまでです。必要に応じて追加します。
以上は小编が绍介したAnglarJSの中で$filterフィルタを使っています。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。