Question

我似乎无法设置mat-select下拉列表的选定值。我有一个用于添加服务的组件，并使用相同的组件来显示已经添加的服务。我尝试使用NgModel并指定service.serviceId作为值，但它似乎从未出现在所选的下拉列表中。如何使用此组件允许用户选择服务，还使用time speed acceleration 0 5.000 14.0 false 1 7.056 12.0 false 2 10.097 8.0 false 3 12.131 1.0 false 4 14.165 0.0 false 5 16.201 0.0 false 6 18.236 2.0 true 7 20.267 4.0 true中的数据作为预设选定值来手动设置显示的服务。感谢任何帮助。谢谢。

bookingServiceTime

service.ts

     <mat-form-field>
          <mat-select placeholder="Select a service" [(ngModel)]="selectedService" required (change)="changeService($event.value)">
            <mat-optgroup *ngFor="let serviceGroup of serviceGroups" [label]="serviceGroup.serviceGroupName">
              <mat-option *ngFor="let service of serviceGroup?.services" [value]="service">
                {{service?.serviceName}}
              </mat-option>
            </mat-optgroup>
          </mat-select>
        </mat-form-field>

  ngOnInit() {
this.serviceGroupService.serviceGroups.subscribe(sg => {});

this.selectedService.serviceId = this.bookingservicetime.serviceTime.service.serviceId;
this.selectedServiceTime = this.bookingservicetime.serviceTime;
}

Answer 1

我认为您需要绑定

   <mat-option *ngFor="let service of serviceGroup?.services" [value]="service.serviceName">
                {{service?.serviceName}}
   </mat-option>

设置角度垫选择的值

1 个答案: