AngularJs过滤器不是嵌套对象中的数组

Question

我有一个嵌套的 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'}"一样过滤

Answer 1

使用控制器：

您可以过滤控制器内部的数据，然后在 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>

Answer 2

就像这样：

<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>