Angular多选设置字符串数组值无效。
创始人
2024-10-24 16:32:07
0

在Angular中,使用ngModel绑定一个字符串数组时,确实存在一些问题。以下是一个解决方法的示例代码:

  1. 在组件中定义一个字符串数组的属性,并初始化它:
selectedValues: string[] = [];
  1. 在HTML模板中,使用ngModel绑定该属性,并将其作为多选框的值:
{{ option }}
  1. 在组件中,创建一个方法来更新选中的值:
updateSelectedValues(event: any, value: string) {
  if (event.target.checked) {
    this.selectedValues.push(value);
  } else {
    const index = this.selectedValues.indexOf(value);
    if (index !== -1) {
      this.selectedValues.splice(index, 1);
    }
  }
}
  1. 在HTML模板中,调用这个方法来更新选中的值:
{{ option }}

这样,当用户选择或取消选择一个复选框时,选中的值就会被正确地更新到selectedValues数组中。

相关内容

热门资讯

六分钟技巧!雀神训练秘籍,微扑... 六分钟技巧!雀神训练秘籍,微扑克wpk安全(详细透视辅助工具教程)1、这是跨平台的雀神训练秘籍黑科技...
6分钟介绍!中至九江有辅助工具... 6分钟介绍!中至九江有辅助工具吗,红龙扑克辅助工具(详细透视辅助插件教程);中至九江有辅助工具吗简单...
三分钟黑科技!葫芦娃手游吗,p... 葫芦娃手游吗赢率提升策略‌;三分钟黑科技!葫芦娃手游吗,pokerx人工智能(详细透视辅助脚本教程)...
五分钟方法!闲来跑胡子必胜神器... 五分钟方法!闲来跑胡子必胜神器,aa扑克发牌机制(详细透视辅助插件教程);玩家必备必赢加哟《1367...
五分钟辅助挂!大齐山东麻将有没... 您好,大齐山东麻将有没有挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
6分钟教学!越乡游斗牛怎么开挂... 6分钟教学!越乡游斗牛怎么开挂,德州可能有外 挂(详细透视辅助脚本教程)1、很好的工具软件,可以解锁...
6分钟介绍!玉海楼茶苑十三输赢... 6分钟介绍!玉海楼茶苑十三输赢有没有规律,微扑克有挂(详细透视辅助插件教程);《WPK辅助透视》‌:...
六分钟教学!微信随意玩9人拼三... 《微信随意玩9人拼三张辅助器软件透明挂》是一款多人竞技的微信随意玩9人拼三张辅助器辅助透视游戏,你将...
八分钟方法!小白大作战有没有挂... 八分钟方法!小白大作战有没有挂,wepooke系统规律(详细透视辅助工具教程);(需添加指定薇757...
3分钟攻略!爱摩罗麻将有挂吗,... 3分钟攻略!爱摩罗麻将有挂吗,红龙扑克有作假(详细透视辅助插件教程)是一款可以让一直输的玩家,快速成...