使用AngularJS动态选择过滤和更新选项

Question

我在 ng-repeat div 中有不同的<select>。 我想要的是避免用户多次选择相同的选项。

我使用了这样的过滤器：

<div ng-repeat="customer in datas.customers">
    <select ng-model="customer.attributeId" ng-change="updateCustomer(customer)">
      <option ng-repeat="attribute in datas.attributes | filter:filterByAttributeNotUsed(customer)" value="{{attribute.id}}">{{attribute.name}}</option>
    </select> 
  </div>

过滤器的工作方式与我想要的一样（我单独测试过）。但结果并不好。

当过滤器处于活动状态时，不同选择中的选项必须仅显示＆＃34; free＆＃34;属性（表示尚未选择的属性）。

这是Demo，我想这更明确。