Как установить значение по умолчанию mat-select при получении параметров? - PullRequest
Новая
       50

Как установить значение по умолчанию mat-select при получении параметров?

0 голосов
/ 31 января 2019 
 <mat-form-field [ngClass]="classes">
  <mat-select [placeholder]="placeholder" [(ngModel)]="selectValue" [multiple]="true" #multiSelect (change)="onChange()"
    #itemSelect="ngModel">
    <ngx-mat-select-search [formControl]="multiFilterCtrl"></ngx-mat-select-search>
    <mat-option *ngFor="let option of filteredMulti | async" [value]="option.id">
      {{option.name}}
    </mat-option>
  </mat-select>
</mat-form-field>

Угловой выбор материала для материала, как установить значения для раскрывающегося списка множественного выбора, поступающего из API?

1 Ответ

0 голосов
/ 04 февраля 2019

Если вы пытаетесь установить выбранные значения, вы можете 

// ...data coming from the api and saved to this.filteredMulti

this.filteredMulti.take(1).subscribe(() => 
    // set your model
    selectValue = apiData.selectValue

    // setting the compareWith property to a comparison function
    // triggers initializing the selection according to the initial value
    // this needs to be done after the filteredMulti are loaded initially
    // and after the mat-option elements are available
    this.multiSelect.compareWith = (a: number, b: number) => a === b;
});

См. https://github.com/bithost-gmbh/ngx-mat-select-search/blob/master/src/app/examples/02-multiple-selection-example/multiple-selection-example.component.ts для полного примера

...