1つのドロップダウンで選択した値を別のドロップダウンに表示しないでください。選択した要素を削除する方法は？

Question

この質問をもう一度お寄せいただきありがとうございます。しかし、私はangularjsには新しいです。私のキューは... 私は角度js（ng-option）を使ってjsonからロードしている5つのドロップダウンを持っています。 1つのドロップダウンで同じ値を選択したユーザーが別の4つのドロップダウンに表示されないようにする必要があります。

私は本当に解決策が必要です。私は多くを検索し、ますます練習します。解決策が見つかりませんでした。 Plz plz plz私を助けてください。

Answer 1

私はあなたの問題が正しいかどうか分かりませんが、配列を作成しようとします。$ scope.selectedOptionsとしましょう。そしてselectを押して、この配列に値をプッシュします。その後、例えばlodashを使って他のドロップダウンのオプションをフィルタリングすることができます。

Answer 2

ここでは簡単に適用できるソリューションを紹介します。 他の選択肢に送信する1つのモデル。

<select ng-model="countryList" 
data-ng-options="countryList for countryList in countryListArray" ng-change="getStates(countryList)" > 
<option value="" disabled selected>-- Choose Country--</option> 

<select ng-disabled="!countryList" ng-model="stateList" 
    data-ng-options="stateList for stateList in stateListArray" ng-change="getCities(stateList)" > 
    <option value="" disabled selected>-- Choose State --</option> 
</select> 

Answer 3

あなたはng-model値の変化の間に、あなたのドロップダウンのすべての3つの再帰呼び出しを回避するためにあなたのドロップダウン要素内のコードの下に追加する必要があります。

ng-model-options="{ updateOn: 'change', debounce: { change: 0 } }" 

また、あなた$scope.records配列のdataオブジェクトを更新機能があります。このfiddleをご覧ください。私はこれがあなたが望む特定のものだと思います。