要解决Angular Material中两个自动完成字段(optionSelected)无法工作的问题,可以尝试以下解决方法:
{{ option }}
{{ option }}
{{ option }}
{{ option }}
然后在组件中定义对应的事件处理程序:
onOptionSelected1(event: MatAutocompleteSelectedEvent) {
console.log(event.option.value);
// 执行其他操作
}
onOptionSelected2(event: MatAutocompleteSelectedEvent) {
console.log(event.option.value);
// 执行其他操作
}
这样可以确保在选择选项时能够正确捕获和处理用户选择的值。
options1: string[] = ['Option 1', 'Option 2', 'Option 3'];
options2: string[] = ['Option A', 'Option B', 'Option C'];
{{ option }}
{{ option }}
确保选项数组中的值与模板中的值匹配,以便自动完成字段能够正确显示和处理选项。
通过以上方法,你应该能够解决Angular Material中两个自动完成字段(optionSelected)无法工作的问题。