在Angular Material中,双向绑定选择器时,有时会返回undefined。这通常是因为当选择器的value属性被更改时,绑定的变量并未及时更新。为了解决这个问题,需要在选择器的value更改事件中手动更新绑定的变量。以下是一个示例:
HTML代码:
TS代码:
export class MyComponent { selectedOption: string; options = ['选项1', '选项2', '选项3'];
onSelectionChange(option: string) { this.selectedOption = option; } }
在上面的示例中,当选择一个选项时,选择器的value属性被更改,然后onSelectionChange方法会手动更新selectedOption变量。这样,在选择器的双向绑定中,selectedOption变量就会正确地包含所选选项的值,而不是返回undefined。