2016-09-10 2 views
0

Entschuldigung, dass Sie diese Frage erneut gestellt haben. aber ich bin neu bei angularjs. meine que ist ... Ich habe fünf Dropdowns, die von json mit angular js (ng-Option) geladen werden. Jetzt brauche ich das, wenn Benutzer, der Wert in einem Drop-down auswählt, denselben Wert nicht in anderen vier Dropdowns erscheinen sollte.Der ausgewählte Wert in einem Dropdown sollte nicht in einem anderen Dropdownfeld angezeigt werden. Wie entferne ich das ausgewählte Element?

Ich möchte wirklich eine Lösung. Ich suche viel und übe mehr und mehr aber. Konnte keine Lösung finden. Plz plz plz hilf mir.

+1

Mögliche Duplikate von [angularjs bereits ausgewählten Wert sollte nicht in einem anderen multiple dropdowns von json] (http://stackoverflow.com/questions/39367411/angularjs-ready-selected-value-should-not-apprear-in-in- andere-multiple-dropdown) – Daniel

+0

nein mein Herr, es gibt keine Lösung, die ich will – Unnati

+0

Was sind Ihre Kriterien für eine Lösung und warum gelten sie nicht für das vorgeschlagene Duplikat? – EJP

Antwort

0

Ich bin nicht sicher, ob ich dein Problem richtig habe, aber ich würde versuchen, ein Array zu erstellen, sagen wir $ scope.selectedOptions. Drücken Sie dann bei Auswahl den Wert auf dieses Array. Danach können Sie die Optionen in anderen Dropdown-Listen beispielsweise mit lodash filtern.

0

Hier ist die Lösung, die Sie auf einfache Weise anwenden können. ein Modell senden Sie an andere wählen.

<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> 
0

Sie müssen unter Code in Ihre Drop-down-Elemente hinzuzufügen, um rekursive Aufrufe an alle drei Ihrer Dropdown-Listen beim Wechsel in ng-model Werte zu vermeiden.

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

Auch gibt es eine Funktion, die data Objekt Ihrer $scope.records Array aktualisiert. Bitte werfen Sie einen Blick auf diese fiddle. Ich denke, das ist genau das, was Sie wollten.

Verwandte Themen