ui-selectが無効状態のときにフィールドをクリアする方法は？

Question

無効にした状態でフィールドをクリアする方法やフィールドを削除する方法を教えてください。この例ではUI選択を使用しています。ユーザーがNicoleを選択するたびに条件を1つ追加すると、ui-selectの選択が解除されます（ユーザーはこれ以上オプションを選択できません）。しかし、私はユーザが無効モードで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」を選択した後でもui-selectを有効にしたいのですか、ng-modelを消去したいだけですか？

あなたはUI-選択し、ユーザが誤ってあなたのOnClickSelect方法で2つの以上の問題も$scope.disabled = false;

を設定し、チェックボックス、または任意のトリガを維持する必要があり、「ニコール」を選択したときに有効にするオプションを与えたい場合。

ユーザが「Nicole」を選択したときに、$scope.multipleDemo.pop =[];がmultipleDemoの配列にpopという新しいプロパティを作成すると、ng-moodelをクリアしようとしているようです。消去したい場合は、アレイは、なぜあなたはmultipleDemo配列にちょうど年齢プロパティを推進している$scope.multipleDemo =[];

を使うのか？年齢プロパティのみを保存する場合は、ui-selectコードで次の構文を使用できます。

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