无法在选择多个组件时进行默认选择

我有2个表单字段 Vehicle type i,e (Autocomplete with filter component)Vehicle model i,e (Select with multiple selection component) 显示如下图所示:

enter image description here

Scenario: 这里选择 Vehicle type (对于前自行车),显示相关的 Vehicle Model (i,e自行车型号),如下图所示:

enter image description here

现在我想要默认选择一些 vehicle Models ,如下所示:

enter image description here

我知道这是这个问题的重复

但在这里我的情况不同,在question中他们 set select component items to by default 使用了 constructor . 但在我的情况下,我已经拥有 constructor 用于另一个导入的 component (i,e筹码自动完成)组件 . 由于缺少打字稿知识,我无法它 . 我被困在这里 .

这是stackblitz链接 .

回答(1)

2 years ago

添加[(ngModel)] =“sel”:

<mat-select placeholder="Vehicle Model"  multiple [(ngModel)]="sel">

并在TS中设置应选择哪些:

this.offeringControl.valueChanges.subscribe((d)=> {

if (d === 'Cars') {
      this.vehicles = this.carsmodel;
      this.sel=['Car1', 'Car2'];
    } else if (d === 'Bikes') {
      this.vehicles = this.bikesmodel;
       this.sel=['Bike1', 'Bike2'];
    } else {
      this.vehicles = this.cyclesmodel;
       this.sel=['Cycle1', 'Cycle1'];
    }
  });