角度の選択ビューを無効にする方法は？

Question

"Nicole"の例で具体的な値を選択するたびにui multiple selectビューを無効にしたいのですが、 "Nicole"を選択するとui selectを無効にしてから別のオプションを選択できません。

ユーザーが「Nicole」を選択したときに以前選択したオプションを削除できますか？私は、ユーザーが "Nicole"を選択して選択ビューを無効にし、他の選択されたオプションを削除する場合のみ必要です。

plunker http://plnkr.co/edit/eVXVzlRXJ4KUZaNjID6P?p=preview

$scope.OnClickSelect = function(item) { 
    $scope.multipleDemo.push(item.age) 
} 

$scope.OnRemoveSelect = function(item) { 
    var index = $scope.multipleDemo.indexOf(item.age); 
    $scope.multipleDemo.splice(index, 1); 
} 

Answer 1

私はあなたのplunker hereをフォーク。

index.htmlを

私は

ng-disabled="disable" 

ng-disabled="isDisabled()" 

にdemo.js

$scope.disabled = false; 

$scope.OnClickSelect = function(item) { 
    if (item.name === 'Nicole') { 
    // Check to make sure there is a previous user to remove 
    if ($scope.multipleDemo.length > 0) { 
     $scope.multipleDemo.pop(); 
    } 
    // Disable user picker 
    $scope.disabled = true; 
    } 
    $scope.multipleDemo.push(item.age); 
} 

$scope.isDisabled = function() { 
    return $scope.disabled; 
} 

を変更

現在、「Nicole」を選択すると、ui選択ピッカーが無効になり、以前に追加されたユーザーがリストmultipleDemoから削除されます。何らかの理由で、以前に追加したユーザーをmultipleDemoリストから削除していますが、UIから削除していません。ダイジェストサイクルが正しく更新されていません。それが正しく更新されているかどうかを確認するには、プロジェクトで試してみる価値があります。

希望すると便利です。

Answer 2

OnClickSelect（$ item、$ select）を呼び出すとOnClickSelect関数が呼び出され、スコープ内で無効になりました。 $ select変数を使用すると、選択したデータを操作できます。

使用にセレクト= "OnClickSelect（$項目は、$を選択）、" UI-selectタグで =とNG-無効 "無効"。

$scope.disabled = false; 
$scope.restrictNames = ["Nicole", "Michael"]; 

$scope.OnClickSelect=function(item, $select) 
{ 
    if($scope.restrictNames.indexOf(item.name) != -1){ 
    $select.selected = []; 
    $scope.multipleDemo = []; 
    $scope.disabled = true; 
    } 
    $scope.multipleDemo.push(item.age); 
}