反应形式的 mat-selection-list

Question

有没有人成功地使用mat-selection-list过 Angular 的反应式形式。当我尝试使用它时，我得到了

values.map 不是函数

下面是我的 html 代码：

<div class="form-group" [formGroup]="activityForm">
      <mat-selection-list formControlName="activity" (selectionChange)="onActivitySelected($event)">
        <mat-list-option *ngFor="let act of activities"
                         [value]="act.id">
          {{act.name}}
        </mat-list-option>
      </mat-selection-list>
</div>

这是我的表单定义：

this.formGroup1 = this.fb.group({
      destinationForm: this.fb.group({
        destination: [null, Validators.required]
      }),
      activityForm: this.fb.group({
        activity: [[''], Validators.required]
      }),
      travellerForm: this.fb.group({
        firstName: ['', Validators.required],
        lastName: '',
      })
});

有人可以帮忙解决这个问题吗

堆栈跟踪：

Answer 1

this.formGroup1 = this.fb.group({
      destinationForm: this.fb.group({
        destination: [{value: null, disabled: false}, [Validators.required]]
      }),
      activityForm: this.fb.group({
        activity: [{value: '', disabled: false}, [Validators.required]]
      }),
      travellerForm: this.fb.group({
        firstName: [{value: '', disabled: false}, [Validators.required]]
        lastName: [{value: '', disabled: false}]
      })
});