如何用AngularJs對兩個字段進行相同的選擇過濾？

Question

我有一個選擇框用一些選項來過濾。我想用兩個不同的領域城市和類別進行過濾：

HTML：

<select ng-options="c.id as c.name for c in categories" class="form-control" name="categories" ng-model="categoriesFilter"> 
    <option value="">All</option> 
    </select> 

<select ng-options="o.id as o.name for o in cities" class="form-control" name="cities" ng-model="citiesFilter"> 
    <option value="">All</option> 
</select> 

JS：

$scope.categories = [ 
    {name : "Private", id : 2}, 
    {name : "Buisness", id : 1}, 
    {name : "Deleted", id : 3} 
]; 

我篩選這樣的：

<tr ng-repeat="cust in customers | filter : {city:citiesFilter|| 
undefined} | filter : {typeCust: categoriesFilter|| undefined} | filter : 
{deleted: categoriesFilter}"> 

下面是完整的例如：jsFiddle

Answer 1

你需要鏈過濾器

<tr ng-repeat="cust in customers | filter: {city: citiesFilter || undefined} | filter: { typeCust: categoriesFilter || undefined}"> 

完全小提琴： https://jsfiddle.net/vaf031mr/16/