Angular2 下拉选项中的更改未检测到阵列

Question

我有两个下拉列表。关于第一个更改，它更改了第二个选项值。因此，当我更改配置文件时，我想要一组新的选项。

<select (change)="onProfileChanges($event)" [(ngModel)]="config.profile">
    <option *ngFor="let profile of availableProfiles" [value]="profile.Name">
{{profile.Label}}</option>
</select> 
<select (change)="onSizeChange($event)" [(ngModel)]="config.size">
    <option *ngFor="let size of selectedSizes" [ngValue]="size.Name">{{profile.Label}}</option>
</select>
//Component Code
selectedSizes: any[];
onProfileChanges(event: any) {
    this.selectedSizes = this.availableProfiles[event.target.selectedIndex].Sizes;
}

问题是，该值在下拉列表中明显更改，但没有更新为config.size仍然是上一个值。在更改选项时，如何确保更改值？

Answer 1

您调用OnProfileChange，但方法名称为Onprofilechanges