Angular 角度材料选择和项目动态加载

Angular 角度材料选择和项目动态加载,angular,angular-material,Angular,Angular Material,我正在使用一个材料选择角度,我可以加载我的项目五在选择框。但我正在努力 找到一种动态加载项目的方法。就像用户在第一个下拉菜单中选择的BMW现在在 下一个下拉列表我想查询我的数据库,以便只显示宝马的所有车型。 控件有2个@输出发射器 @Output() openedChange: EventEmitter<boolean> @Output() selectionChange: EventEmitter<MatSelectChange> @Output() openedCh

我正在使用一个材料选择角度,我可以加载我的项目五在选择框。但我正在努力 找到一种动态加载项目的方法。就像用户在第一个下拉菜单中选择的BMW现在在 下一个下拉列表我想查询我的数据库,以便只显示宝马的所有车型。
控件有2个@输出发射器

@Output()
openedChange: EventEmitter<boolean>
@Output()
selectionChange: EventEmitter<MatSelectChange>
@Output()
openedChange:EventEmitter
@输出()
selectionChange:EventEmitter

第一个触发,我可以捕捉到它,但一旦列表中没有数据,下拉列表就不会再下拉,也不会发出事件。是否有一种方法可以在用户每次单击下拉列表时获取事件,甚至在我们显示列表之前>

如果您有两个
选择组件,请像这样绑定到它们:


{{b.name}
{{c.name}}
然后使用
onBrandChange
方法加载第二个的数据:

onBrandChange(品牌:字符串){
//明确的选择
this.carModels=[];
//调用您的API
this.apiService.fetchCarModels().subscribe(models=>{
//将汽车模型存放在适当的地方
这个.carModels=模型;
});
}

如果您有两个
组件,请选择
组件,将其绑定为:


{{b.name}
{{c.name}}
然后使用
onBrandChange
方法加载第二个的数据:

onBrandChange(品牌:字符串){
//明确的选择
this.carModels=[];
//调用您的API
this.apiService.fetchCarModels().subscribe(models=>{
//将汽车模型存放在适当的地方
这个.carModels=模型;
});
}

您好,我们需要更多关于组件结构的信息来帮助您:)您好,我们需要更多关于组件结构的信息来帮助您:)是的,这就是我想做的,因为我找不到加载启动下拉菜单或类似事件的方法,这将实现我想做的是,这就是我想做的,因为我找不到加载启动下拉菜单或类似事件的方法这正是我想要的