Angular 角度材质自动完成的选项Selected不会选择任何下拉值
我已将Angular应用程序从版本8更新为Angular 9。升级后,从“角度材质”中的“自动完成组件”中选择的选项不再起作用。所选值不反映在输入字段中,仅为空。如果我遗漏了什么,请告诉我 search.htmlAngular 角度材质自动完成的选项Selected不会选择任何下拉值,angular,autocomplete,angular-material,Angular,Autocomplete,Angular Material,我已将Angular应用程序从版本8更新为Angular 9。升级后,从“角度材质”中的“自动完成组件”中选择的选项不再起作用。所选值不反映在输入字段中,仅为空。如果我遗漏了什么,请告诉我 search.html <form [formGroup]="parentForm" [ngClass]="{ invalidError: invalidError }" autocomplete="off"> <mat-for
<form [formGroup]="parentForm" [ngClass]="{ invalidError: invalidError }" autocomplete="off">
<mat-form-field class="full-width">
<input
type="text"
placeholder="{{ placeholder }}"
matInput
[matAutocomplete]="auto"
formControlName="{{ controlName }}"
[formControl]="formControl"
(blur)="validateInput()"
(keyup)="validateInput()"
/>
<mat-autocomplete
#auto="matAutocomplete"
(optionSelected)="getValueSelected()"
[displayWith]="getOptionValue.bind(this)"
>
<mat-option *ngFor="let option of filteredOptions | async" [value]="option">
{{ option[keyName] }}
</mat-option>
</mat-autocomplete>
</mat-form-field>
</form>
@Output() selectedValue: EventEmitter<Object> = new EventEmitter<Object>();
getValueSelected() {
this.selectedValue.emit({
controlName: this.controlName,
parentForm: this.parentForm,
value: this.formControl.value
});
}
<app-search-select
placeholder="Occupation"
[parentForm]="employmentForm"
[data]="occupationList"
controlName="occupation"
keyName="occupationShortName"
(selectedValue)="setSelectedValue($event)"
[defaultValue]="employmentForm.controls.occupation.value"
title="{{ employmentForm.controls.occupation.value }}"
>
</app-search-select>
setSelectedValue(selectedValue) {
// value just key with empty string
console.log(selectedValue);
}