角度多重カスケード選択オプション

Question

複数のカスケード選択オプションを実装しています。たとえば、私は3つのオブジェクト、Country,City,Schoolを持っています。それらは多対多の関係です。私は3つのDropDwon（選択オプション）を持っていたい。国を選択すると、都市は国でのみ表示され、都市を選択すると、この都市の学校のみが表示されます。 onSelectChangeイベントをバインドしようとしましたが、モデルを渡すために未定義です。
ここに私の現在のコードです。

<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

$event.target.valueをDOMから自分のタイスクリプトに渡すことができます。それを試してみて、それが働いているかどうか見てください

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