簡體   English   中英

AngularJs過濾器未在嵌套對象中數組

[英]AngularJs Filter Not Array in Nested Object

我有一個嵌套的JSON數據。 我正在使用此JSON數據中的ng-repeat將對象寫入表。 但是我想通過一個ng-repeat屬性過濾。 我怎樣才能做到這一點。

樣品:

<tr ng-repeat="i in inspections.analizFirst">
    <td>{{$index+1}}</td><td>{{i.analiz}}</td><td>{{i.poi_adi}}</td><td>{{i.mesafe}}</td>
</tr>

它無需過濾器即可工作。 但是我需要ng-repeat="i in inspections.analizFirst | filter:{analiz:'ulasim analizi'}"ng-repeat="i in inspections.analizFirst | filter:{analiz:'ulasim analizi'}"

使用控制器:

您可以過濾控制器內部的數據,然后引用html中的過濾對象。 當您將所有業務邏輯放入控制器中時,通常更具可讀性

創建自己的過濾器:

如果您打算在應用程序中多次使用此過濾器,則最好創建一個新過濾器:

appModule.filter('myFilter', function() {
  return function(orginalList, arg1, arg2) {
    var filteredObject = [];
    orginalList.forEach(function(e) {
      if(e.analiz === arg1)
           filteredObject.push(e) 
    })
    return filteredObject;
   };
 })

html

<tr ng-repeat="i in inspections.analizFirst | myFilter:'ulasim analizi'">
  <td>{{$index+1}}</td><td>{{i.analiz}}</td><td>{{i.poi_adi}}</td><td>
 {{i.mesafe}}</td>
</tr>

像這樣:

<tr ng-repeat="i in inspections.analizFirst | filter:'ulasim analizi'">
    <td>{{$index+1}}</td><td>{{i.analiz}}</td><td>{{i.poi_adi}}</td><td>{{i.mesafe}}</td>
</tr>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM