角度濾波第二級對象

Question

我有一個數組，看起來像這樣：

$scope.orders = [ 
    { 
     id: 1, 
     costumer_id: 1, 
     product_id: 1, 
     quantity: 2, 
     costumer: 
     { 
      id: 1, 
      name: John Doe, 
      age: 47, 
      state: Georgia, 
      province: Atlanta 
     } 
    }, 
]; 

我wanto做的就是創建3個輸入或者通過負荷消費的名稱進行篩選吧，constumer的狀態或負荷消費的省。這是我在做什麼：

<tr ng-repeat="order in orders | filter:search"> 
    <td class="text-muted">{{ order.id }}</td> 
    <td>{{ order.costumer.name }}</td> 
    <td>{{ order.costumer.state }}</td> 
    <td>{{ order.costumer.province }}</td> 
    <td> 
     {{ order.product_id }} 
     <span class="label label-info">{{ order.quantity }} unidades</span> 
    </td> 
</tr> 

而且輸入過濾：

<input class="form-control input-sm" type="text" ng-model="search.$" placeholder="search for everything"> 
<input class="form-control input-sm" type="text" ng-model="search.costumer.name" placeholder="filter by name"> 
<input class="form-control input-sm" type="text" ng-model="search.costumer.state" placeholder="filter by state"> 
<input class="form-control input-sm" type="text" ng-model="search.costumer.province" placeholder="filter by province"> 

只有第一個輸入濾波器的作品，其他的不要！我該如何做這種過濾？！

謝謝！

Answer 1

如果您在IE中測試，我認爲這可能是因爲$scope.orders在數組末尾有尾隨逗號。

我創建了一個Plunkr這個位置：http://plnkr.co/edit/P1LVvgjsRUYu9Z8cHGpR?p=preview