要解决这个问题,您可以使用ngModelChange
事件和ngModel
双向绑定来手动重置ngModel
的值。以下是一个示例代码:
在您的组件中,定义一个选项数组和一个ngModel
变量:
import { Component } from '@angular/core';
@Component({
selector: 'app-my-component',
template: `
`,
})
export class MyComponent {
options: string[] = ['Option 1', 'Option 2', 'Option 3'];
selectedOption: string;
onSelectionChange() {
if (!this.options.includes(this.selectedOption)) {
this.selectedOption = null;
}
}
}
在上面的代码中,当选择的选项不在选项数组中时,将selectedOption
重置为null
。
这样,即使清空了选项数组,ngModel
的值也会自动重置为null
。
上一篇:Angular选择选项