AngularMaterial树-复选框更改不反映在ngmodel上
创始人
2024-10-28 10:34:18
0

当使用Angular Material Tree的时候,如果框架上的Checkbox更改了选中状态时不会自动更新ngmodel上的值。 解决这个问题的最简单方法是在每个CheckBox中使用(ngModelChange)事件,以便在更改时手动更新ngmodel的值。

例如,以下是一个使用Angular Material Tree列表和ngmodel的示例:

HTML模板:


  
    
  • {{node.name}}
  • {{node.name}}
  • 组件方法:

    nodeSelected(node: Node) {
      node.checked = !node.checked;
      this.dataSource.data = [...this.dataSource.data];
    }
    

    在复选框更改时,使用(nodeSelected)事件手动更新ngmodel以及dataSource的值。这将确保对复选框的更改进行双向绑定并自动更新JSON对象。

    相关内容

    热门资讯

    盘点一款!聚星ai辅助工具收费... 盘点一款!聚星ai辅助工具收费多少(辅助挂)真是是有挂(有挂细节)1、进入到聚星ai辅助工具收费多少...
    交流学习经验!wepoker代... 交流学习经验!wepoker代打辅助机器人(辅助挂)其实存在有挂(有挂详细)1、wepoker代打辅...
    教程攻略!智星德州可以透视吗(... 教程攻略!智星德州可以透视吗(辅助挂)竟然是真的有挂(有挂解惑)1、下载好智星德州可以透视吗透视辅助...
    教程辅助!wpk俱乐部辅助器(... 教程辅助!wpk俱乐部辅助器(辅助挂)果然是有挂(有挂总结)1、每一步都需要思考,不同水平的挑战会更...
    揭秘真相!wepokerplu... 揭秘真相!wepokerplus辅助(辅助挂)总是有挂(有挂详细)1)wepokerplus辅助免费...
    玩家必备科普!pokemmo免... 玩家必备科普!pokemmo免费脚本(辅助挂)其实真的有挂(了解有挂)进入游戏-大厅左侧-新手福利-...
    揭秘!德扑HHpoker有挂吗... 揭秘!德扑HHpoker有挂吗(辅助挂)竟然是真的有挂(果真有挂)1、金币登录送、破产送、升级送、活...
    大家学习交流!悦扑克脚本(辅助... 大家学习交流!悦扑克脚本(辅助挂)竟然真的是有挂(有挂方法)一、悦扑克脚本游戏安装教程牌型概率发牌机...
    技术分享!wepoker游戏安... 技术分享!wepoker游戏安装教程(辅助挂)原来真的是有挂(有挂方针)wepoker游戏安装教程透...
    科技揭秘!如何下载wpk透视版... 科技揭秘!如何下载wpk透视版(辅助挂)果然存在有挂(有挂技术)如何下载wpk透视版辅助器是一种具有...