Angular 2 Reactive形式patchValue下拉列表

Question

我在选择多个下拉列表时遇到了一些麻烦。我可以选择多个值并将它们保存到内存api中。唯一的问题是我想编辑项目并填写所选项目。

我有一个工作的plnkr here。 该组件是app / trip / trip-creation.component.ts

这是我的HTML：

<select  formControlName="user" multiple>
      <option *ngFor="let user of users" [ngValue]="user">
        {{user.name}}
      </option>
    </select>

这是表单绑定：

  this.route.paramMap
              .filter(params => params.get('id') !== null )
              .switchMap(params => this.tripService.getTrip(params.get('id')))
              .subscribe((trip: any) => {
                  this.trip.patchValue({
                    id: trip.id,
                    name: trip.name,
                    user: trip.user
                  });
              })