javascript - 如何在对象字段的 ng-repeat 中应用过滤器？

Question

我想为选定的对象场应用 Angular 过滤器。我有状态列表 [“waiting”、“conform”、“rac”]，当我选择一个状态时，它应该提供表中具有该状态的人员的信息。

例如，如果某些人票证符合，那么当我们选择 status = conform 时，只有显示的人应该有票证。同样等待和 rac

请查看演示和代码。它不工作。请帮忙.. Please see the demo

HTML

<div class="col-md-12">
   <table>
      <thead>
        <tr>Name</tr>
        <tr>Status</tr>
      </thead>
      <tbody >
        <tr ng-repeat="person in list| filter: status">
          <td>{{person.name}}</td>
          <td>{{person.status}}</td>
        </tr>
      </tbody>
   </table>
</div>

Controller :

$scope.status_list=["waiting", "conform", "rac"];
  $scope.list = [
  { 'name': 'A',

    'status':'waiting'
  },
  { 'name': 'B',

     'status':'conform'
  },
  { 'name': 'C',
     'status':'rac'
  }
]

Answer 1

特定于在 status 属性上应用 filter 而不是直接使用将作为包含过滤器工作的过滤器(使用 compactor 设置为 true获得完全匹配)。通过包含过滤器，您将获得列表中的人，该人的名字是您正在搜索的字符串中的任何一个 status

<tr ng-repeat="person in list| filter: { status: status}: true">
   <td>{{person.name}}</td>
   <td>{{person.status}}</td>
</tr>

Correct typo of ng-repead to ng-repeat

Demo here