可以通过以下步骤实现:
<md-autocomplete [(ngModel)]="selectedValue" [mdAutocomplete]="auto">
<md-option *ngFor="let option of options" [value]="option">
{{ option }}
</md-option>
</md-autocomplete>
在上面的代码中,selectedValue
是用于存储选定值的变量,options
是一个数组,包含了可供选择的选项。
selectedValue
和options
变量,并初始化它们的值。例如:selectedValue: string;
options: string[] = ['Option 1', 'Option 2', 'Option 3'];
在上面的代码中,我们将options
数组初始化为包含三个选项的字符串数组。
optionSelected
事件。例如:@ViewChild('auto') auto: MatAutocomplete;
ngAfterViewInit() {
this.auto.optionSelected.subscribe((option: MatAutocompleteSelectedEvent) => {
// 在这里执行你的操作
console.log(option.option.value);
});
}
在上面的代码中,我们使用@ViewChild
装饰器获取到了md-autocomplete
的实例,并监听了optionSelected
事件。当用户选择一个选项时,回调函数中的代码将被执行。
通过以上步骤,你可以更改Angular材质中md-autocomplete中的选定值,并在用户选择选项后执行相应的操作。请注意,这里没有提及具体的腾讯云产品,因为腾讯云并没有直接与Angular材质或md-autocomplete相关的产品。
领取专属 10元无门槛券
手把手带您无忧上云