要解决这个问题,您可以使用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选择选项