当我单击输入元素时,将显示自动完成选项。但是,当我动态更改输入元素的值时,不会显示自动完成选项。
<mat-form-field>
<input type="text"
[formControl]="dialTextControl"
[matAutocomplete]="auto">
<mat-autocomplete #auto="matAutocomplete">
<mat-optgroup *ngFor="let group of dialerUsersGroup" [label]="group.type">
<mat-option *ngFor="let user of group.users" [value]="user.number">
{{user.name}}
</mat-option>
</mat-optgroup>
</mat-autocomplete>
</mat-form-field>
dialTextControl = new FormControl();
ngOnInit() {
this.dialTextControl.valueChanges
.subscribe(data => {
this.filterGroups(data);
});
}
filterGroups(value: string) {
// my logic for updating dialerUsersGroup
}
setCustomValue() {
this.dialTextControl.setValue('something'); // this does not make the autocomplete appear
}
动态更改输入值时如何显示自动完成功能?
我假设您想在设置该值后立即显示面板。为此,
HTML
:也使用模板参考进行输入