Question

我实现了多个级联选择选项。例如，我有三个对象Country，City，School。他们是多对多的关系。我想要三个DropDwon（选择选项）。当我选择国家时，城市将仅在该国家/地区显示，如果选择城市，则仅显示该城市的学校。我尝试绑定onSelectChange事件，但它输出undefined用于传递模型这是我目前的代码。

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

角度多级联选择选项

1 个答案: