Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 自动完成组件中的双向数据绑定_Angular_Angular Material_Angular6 - Fatal编程技术网

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