javascript - 根据所选选项过滤 Angular

Question

我有一个选择列表，其中包含美国的州名

<div class="form-group"> <select ng-model="state_select" ng-options="f.name for f in state_select | orderBy:'name'"></select> </div>

现在我有一个表格，其内容如下:-

<tr dir-paginate="user in users|orderBy:['state_name','fullname']|filter:{user.state_name:state_select.value}|itemsPerPage:10" pagination-id="byState">
 <td> <img src="{{user.party_name}}" style="max-height: 10%;max-width: 10%;"/> </td>
 <td>{{user.fullname}}</td>
 <td > <img src="{{user.chamber_type}}" style="max-height: 8%;max-width: 7%;"/>{{user.chamber_name}} </td>
 <td>{{user.district_name}}</td>
 <td>{{user.state_name}}</td>
 <td> <button type="button" class="btn btn-primary">View Details</button></td>
 </tr>


我只想选择状态名称与上述选择选项值相同的条目。我写了过滤器部分，但它给了我一些错误。我只想根据州名称进行过滤。有人可以帮帮我吗？

Answer 1

您的过滤器写错了。将您的过滤器更改为关注。

filter:{state_name:state_select.value}