angular - 如何使子选择菜单考虑 Angular 6+ 中主选择菜单中的更改？

Question

目标：每当我更改主选择菜单中的选项时，我希望子菜单相应地更改并显示来自 app.component.ts 中定义为父级的数据源的“子级”条目。我怎样才能做到这一点？

代码：https ://stackblitz.com/edit/angular-v6cskq

标签： angular

Answer 1

[ngValue]在您的主要选择选项标签上使用。像这样：

<select [(ngModel)]="currentParent">
   <option [ngValue]="parent" *ngFor="let parent of parents">{{ parent.title }}</option>
</select>