Angular: Erlaube Auswahl von nur einer Gruppe in der Drop-Down-Liste bootstrap-select

Question

Ich verwende bootstrap-select für Dropdown-Auswahl mit eckigen. Was ich tatsächlich tun möchte, ist die Auswahl nur von einer Gruppe zu erlauben (angenommen, ein Benutzer wählt CS1607 aus der Gruppe Ground, die Auswahl aus den anderen Gruppen sollte deaktiviert sein und nur die Auswahl aus Ground ist dann erlaubt).

$scope.course = [{ 
    id: "Ground", 
    code: ['CS1607','SD90','EE11','PO213'] 
    }, { 
    id: "First", 
    code: ['PH006','EE2131','Aq122'] 
    }, { 
    id: "Second", 
    code: ['CSB-9','AA22'] 
    }]; 

Ich weiß, ich muss Winkelbeobachter für die Änderungen verwenden. Ich habe viel versucht, konnte aber nicht das gewünschte Ergebnis erzielen. Here is my version of code.

Jede Hilfe wäre willkommen.

Answer 1

Ich würde jede Auswahl zu einem Modell verknüpfen (ng-model) und deaktivieren Sie jedes auswählen, wenn die Modelle der anderen beiden nicht null sind. Etwas wie (für select_1):

...ng-if="!select_2_Value && !select_3_Value"...