如何在ui-select處於禁用狀態時清除字段？

Question

您能否告訴我如何清除該字段或刪除處於禁用狀態的字段？我在這個例子中使用了UI選擇。我添加一個條件，只要用戶選擇Nicole它將取消選擇ui選擇（用戶不能再選擇任何選項）。但我希望用戶能夠在禁用模式下清除/刪除Nicole。

示例：如果用戶錯誤地選擇Nicole選項，則他無法選擇任何其他選項。那麼我可以在禁用狀態下清除Nicole選項嗎？

Here is my plunker.

$scope.OnClickSelect = function(item) { 
    if (item.name === 'Nicole') { 
     if ($scope.multipleDemo.length > 0) { 
     $scope.multipleDemo.pop =[]; 
     } 
     $scope.disabled = true; 
    } 
    $scope.multipleDemo.push(item.age); 
    } 

Answer 1

的問題是不明確的。即使在選擇「Nicole」之後，還是想要清除ng模型，您是否還想啓用ui-select？

如果你想給啓用的選項界面，選擇當用戶不小心選擇了「妮可」你必須保持一個複選框，或者設置與您OnClickSelect方法$scope.disabled = false;

還設有2個問題的任何觸發。

我猜你試圖在用戶選擇「Nicole」時清除ng-moodel，但$scope.multipleDemo.pop =[];創建了一個名爲pop的新屬性給數組multipleDemo。如果你想清除陣列使用$scope.multipleDemo =[];

爲什麼你只推入年齡屬性到多個演示陣列？如果您只想存儲年齡屬性，則可以在您的ui選擇代碼中使用以下語法：

<ui-select-choices repeat="person.age as person in people | filter:$select.search"> 
     {{person.name}} 
    </ui-select-choices>