已被選中的篩選器選項

Question

我有一個帶有ng-repeat的表單，它載入用戶添加的一組預定日期。假設用戶已將第一天添加到收藏中，並從下拉列表中選擇星期一。當用戶將第二天添加到集合時，我希望下拉列表可以在星期一過濾掉，因爲它已經被使用了，但是在星期一被選擇的那一天的星期一不會過濾掉。有沒有人有如何做到這一點的例子？

編輯：

$scope.schedule = {days: []}; 

從Zacks的例子更新jsfiddle

Answer 1

*與編輯更新，以選擇一個選擇的問題，*

這裏每一次，它調用updateAvailability（）

<div ng-repeat="schedDay in schedule.days"> 
    <select ng-model="schedDay.day" ng-change="updateAvailability()"> 
     <option ng-repeat="day in days|orderBy:value" ng-disabled="!day.selectable" value="{{day.day}}">{{day.display}}</option> 
    </select> 
</div> 

通過並檢查它是否已在別處使用。

$scope.updateAvailability = function() { 
    var used = $scope.schedule.days.map(function(day) { 
     return parseInt(day.day || '-1'); 
    }); 

    angular.forEach($scope.days, function(day) { 
     day.selectable = used.indexOf(day.day) === -1 ? true : false; 
    }); 
} 

查看演示JSFiddle