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

未检测到下拉选项数组中的Angular2 +更改

1 个答案: