Как установить значения по умолчанию для автозаполнения мат - PullRequest
1 голос
/ 19 мая 2019

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

Ниже приведен фрагмент кода -

<ng-container matColumnDef="course">
      <th mat-header-cell *matHeaderCellDef mat-sort-header> Course Section </th>
      <td mat-cell *matCellDef="let course"> {{course.courseSection}}
      <mat-form-field>
          <input type="text" id="{{course.courseSection}}" placeholder="Pick one" aria-label="Number" matInput [formControl]="myControl"
            [matAutocomplete]="auto">
          <mat-autocomplete #auto="matAutocomplete" (optionSelected)="onSelectionChanged(course.courseSection, $event)">
            <mat-option *ngFor="let option of filteredOptions | async" [value]="option">
              {{option}}
            </mat-option>
          </mat-autocomplete>
        </mat-form-field>
      </td>
    </ng-container>

В ngOnInit я смог получить значения, сохраненные на карте, и использовал приведенную ниже логику, которая не работает -

checkAssigned(section: string) {
    if (this.assigned.has(section)) {
      return this.assigned.get(section);
    } else {
      return '';
    }
} 

HTML -

<mat-option *ngFor="let option of filteredOptions | async" 
[value]="checkAssigned(course.courseSection)===''? option : checkAssigned(course.courseSection)">

Но это не работает. Есть предложения, как мне этого добиться?

enter image description here

...