Question

我有两个对象数组，如下所示：

$scope.countries = [
        {'id' : 1, 'country_name':'India'},
        {'id' : 10, 'country_name':'Australia'},
        {'id' : 2, 'country_name':'England'}
    ];
$scope.states = [
        {'state_id' : 1, 'state_name':'Delhi', 'country_id':{'id':1 ,'country_name':'India'}},
        {'state_id' : 5, 'state_name':'London', 'country_id':{'id':2 ,'country_name':'England'}},
        {'state_id' : 2, 'state_name':'Victoria', 'country_id':{'id':10 ,'country_name':'Australia'}}
    ];

我正在尝试根据 country_id 对象中的 id 过滤状态，如下所示：

<select ng-model="sellerCountry" ng-options="item.id as item.country_name for item in countries" required>
    <option value="">Select Country</option>
</select>   

<select ng-model="sellerState" ng-options="item.id as item.state_name for item in states | filter : {country_id: { id : sellerCountry}, }" ng-disabled="!sellerCountry">
    <option value="">Select State</option>
</select>

在这里，当我从第一个选择框中选择印度（其中 id = 1）时，我应该只显示德里在第二个选择中，但它显示德里（ country_id 。 id = 1）和维多利亚（ country_id 。 id = 10）

需要帮助来解决这个问题。提前致谢。

Answer 1

默认过滤器执行contains搜索，您应该通过将第3个参数传递给true进行过滤来使该过滤器进行严格比较。

 ng-options="item.id as item.state_name for item in states
               | filter : {country_id: { id : sellerCountry} }: true"

Demo Plunker

如何在AngularJS中按对象的属性进行过滤？

1 个答案: