Angular multiple cascade Wählen Sie Option

Question

Ich bin Multiple Kaskaden-Auswahl-Option implementieren. Zum Beispiel habe ich drei Objekte, Country, City, School. Sie sind eine Viele-zu-Viele-zu-Viele-Beziehung. Ich möchte drei DropDwon (Optionen auswählen). Wenn ich Land auswähle, wird die Stadt nur im Land angezeigt, und wenn dann Stadt ausgewählt wird, wird nur die Schule in dieser Stadt angezeigt. Ich versuche, das onSelectChange-Ereignis zu binden, aber es ausgegeben undefiniert für das Übergeben des Modells.
Hier ist mein aktueller Code.

<div class="col-xs-9"> 
    <select required class="form-control" id="CountryId" name="CountryId" [(ngModel)]="model.CountryId" (ngModelChange)="OnSelectChange(model.CountryId)" > 
    <option *ngFor="let country of countries" [value]="model.CountryId">{{model.Country}}</option> 
    </select> 
</div> 

Answer 1

Sie können $event.target.value von DOM zu Ihrem Typoskript übergeben. Bitte versuchen Sie es und sehen Sie, ob es funktioniert.

<div class="col-xs-9"> 
<select required class="form-control" id="CountryId" name="CountryId" [(ngModel)]="model.CountryId" (ngModelChange)="OnSelectChange($event.target.value)" > 
<option *ngFor="let country of countries" [value]="model.CountryId">{{model.Country}}</option> 
</select> 
</div>