Angular 自动完成组件中的双向数据绑定
我在同一页面上有Angular 自动完成组件中的双向数据绑定,angular,angular-material,angular6,Angular,Angular Material,Angular6,我在同一页面上有Filter autocompleteI,e(车型)和Select with multiple selectionI,e(车型)组件,如下图所示: 在这里,我想使用Select with multiple selection组件执行2路数据绑定 如果我选择车辆类型作为车辆,则车辆车辆型号如下: 如果我选择车辆类型作为自行车,则自行车车辆型号如下: 以下是链接。FormControl有一个valueChages方法,该方法返回一个发出最新值的可观测值 试试这个 ngOnIni
Filter autocomplete
I,e(车型)和Select with multiple selection
I,e(车型)组件,如下图所示:
在这里,我想使用Select with multiple selection组件执行2路数据绑定
如果我选择车辆类型
作为车辆,则车辆车辆型号
如下:
如果我选择车辆类型
作为自行车,则自行车车辆型号
如下:
以下是链接。FormControl有一个valueChages方法,该方法返回一个发出最新值的可观测值
试试这个
ngOnInit() {
this.list = this.CarList;
this.filteredOptions = this.myControl.valueChanges
.pipe(
startWith(''),
map(value => this._filter(value))
);
this.myControl.valueChanges.subscribe((d) => {
if (d === 'Cars') {
this.list = this.CarList;
} else {
this.list = this.BikeList;
}
})
示例:您的问题是什么?似乎你在告诉我们你可以将汽车
更改为自行车
,复选框也会随之更改。我想根据自行车/汽车
的更改来更改列表(即复选框)。谢谢你的回答。@chellappan