У меня есть несколько автозаполнений на странице, я могу выбирать значения и сохранять их. Что мне нужно, так это то, что при следующей загрузке страницы предварительно выбранные значения должны отображаться по умолчанию для уже выбранных и сохраненных.
Ниже приведен фрагмент кода -
<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)">
Но это не работает. Есть предложения, как мне этого добиться?