根据所选选项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}

Answer 2

您编写的过滤器错误，不需要'用户'

试试这个，

filter:{ state_name : state_select.value }

Answer 3

过滤器中存在错误 你能试试下面的代码

吗？

filter:{state_name:state_select}