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

Question

I want to apply angular filter for selected object field. I have list of statuses ["waiting", "conform", "rac"], when I select a status it should give information of persons in the table which have that status.

For example if some person ticket conform, then when we select status = conform then only person shown should have conform ticket. Similarly for waiting and rac

Please see the demo and code. It is not working. Please help.. 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

Be specific to apply filter over status property rather than directly using filter which will work as contains filter (use compactor set to true for getting exact match). By having contains filter you will get person in list which will have name any one of string which you are searching for 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

Answer 2

<tr ng-repeat="person in list| filter: status">

你拼写重复错了