Angular选择选项控件即使我清空选项数组,ngModel值也不会自动重置。
创始人
2024-10-30 10:00:55
0

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

相关内容

热门资讯

第一个安卓!微扑克俱乐部24小... 第一个安卓!微扑克俱乐部24小时(俱乐部)辅助透视(有挂方法)-哔哩哔哩;微扑克简单的灵活控制,仅凭...
3个打法!德扑统计软件(系统发... 3个打法!德扑统计软件(系统发牌机制)辅助透视(真的有挂)-哔哩哔哩 科技详细教程;75744690...
4存在!浙江游戏大厅辅助工具(... 您好,浙江游戏大厅辅助工具这款游戏可以开挂的,确实是有挂的,需要了解加微【485275054】很多玩...
5自建房(pokermaste... 5自建房(pokermaster外挂)外挂透明挂辅助软件(透视)力荐教程(有挂规律)-哔哩哔哩,支持...
6个系统!德州wepower透... 1、6个系统!德州wepower透视辅助(数据工具)原来真的有挂(有挂技巧)-哔哩哔哩2、进入游戏-...
1个计算器!德扑线上创建房间(... 1个计算器!德扑线上创建房间(自定义房间)辅助透视(有挂秘诀)-哔哩哔哩;德扑线上创建房间是一种具有...
第3机器人(来玩app德州)外... 1、第3机器人(来玩app德州)外挂透明挂辅助APP(辅助挂)AI教程(揭秘有挂)-哔哩哔哩;详细教...
第七苹果版!功夫川麻将怎么刷好... 第七苹果版!功夫川麻将怎么刷好牌(透视)太坑了其实真的有挂(有挂分享)-哔哩哔哩1、下载好功夫川麻将...
第六个私人局!wepoke透明... 第六个私人局!wepoke透明挂辅助软件是真的(辅助挂)软件透明挂(有挂辅助)-哔哩哔哩1、让任何用...
第三个ai辅助!德州ai人工智... 德州ai人工智能赢率提升策略‌;第三个ai辅助!德州ai人工智能(计算胜率软件)透视辅助(有挂教程)...