angularJs飽受廣大開發者歡迎，除了其依賴注入，雙向繫結的思想，directive指令，filter過濾器也極大的提高了開發效率，程式碼更加優雅，維護起來也更加方便。比如，上傳，列印，排序，流程等只需一個指令，並繫結相應的變數即可實現，根本不需要後臺同事編寫JS，好的指令，不僅可複用，可拓展，還得可以維護。指令用的蠻多了，就不贅述，今天談談它的好基友，filter過濾器。angularJS的過濾器非常強大，一個filter能瞬間format時間的格式，貨幣，數字，以及自定義過濾器對目標陣列進行過濾。

過濾器使用起來也很簡單，直接上栗子：

<div class="search-project"
 
>
    <h4  class="text-muted text-thin">選擇專案</h4>
    <input type="text" class="form-control" placeholder="請輸入專案名稱" ng-model="query">
</div>
<ul class="nav" >
    <li ng-repeat="project in projectItems | filter:query">
      <a  class="media-box p mt0" ng-click
 
="selectProject(project);">
         <span class="media-box-body">
            <span class="media-box-heading">
               <i class="fa fa-map-marker"></i>  {{project.projectName}}
            </span>
         </span>
      </a>
    </li>
</ul>

瞭解過ng的朋友，一眼就能明白，在input裡的ng-model=‘query’就是雙向繫結的變數。而下邊的ng-repeat=”project in projectItems | filter:query”，首先就是遍歷projectItems這個陣列，而filter就是依據query這個欄位進行過濾。
可是在js的controller裡怎麼取得projectItems根據query的過濾結果呢，先給出api地址，

//在html模板裡
{{ filter_expression | filter : expression : comparator : anyPropertyKey}}// 這裡的filter_expression可以理解為source Array
//在js controller裡
$filter('filter')(array, expression, comparator, anyPropertyKey)

這裡每個引數的意義也給一下簡單的解釋

好了，有了這裡的用法及解釋，就可以寫咯，在controller裡用過

$filter('filter')($scope.projectItems,query)

就可以得到依據query過濾的結果。第一個引數是目標陣列，第二個引數是根據篩選的關鍵詞，第三個引數預設是false，及包含關鍵詞就返回。第四個引數，沒用過。

By the way, 過濾器filter不能用在ng-model裡，ng-model裡必須是個expression，即字串。

<!-- 這種是會報錯的，雖然效果是ok的-->
 <input type="text" ng-model="clickRoom.houseSumFacePrice number:2" class="form-control col-sm-8"/>