Javascript 角度滤波器二级对象

我有一个如下所示的数组：

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

我想做的是创建3个输入，通过客户的姓名、客户所在的州或客户所在的省对其进行过滤。这就是我正在做的：

<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>

{{order.id}
{{order.customer.name}
{order.customer.state}
{order.customer.province}
{{order.product_id}
{{order.quantity}}unidades

以及要过滤的输入：

<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">

只有第一个输入过滤器工作，其他的不工作！我怎么做这种过滤

---

谢谢

如果您在IE中进行测试，我认为这可能是因为

$scope.orders

在数组末尾有一个尾随逗号

---

我在这里为它创建了一个Plunkr:

这可能是它的一个副本：