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对象。

    相关内容

    热门资讯

    黑科技存在!德州之星辅助挂(w... 黑科技存在!德州之星辅助挂(wepoke黑科技)总是真的是有挂(揭秘有挂)-哔哩哔哩是一款可以让一直...
    黑科技最新!pokerrrr开... 黑科技最新!pokerrrr开挂(微扑克透牌)往昔真的有挂(有挂解惑)-哔哩哔哩1.微扑克透牌 ai...
    黑科技ai代打!wepoke黑... 黑科技ai代打!wepoke黑科技功能(wpk最新黑科技)固有是真的有挂(有挂方法)-哔哩哔哩是一款...
    黑科技好友!德州之星外挂(we... 黑科技好友!德州之星外挂(wepoke黑科技)先前有挂(有挂教学)-哔哩哔哩1、任何德州ai辅助神器...
    黑科技新版!德扑之星辅牌软件(... 黑科技新版!德扑之星辅牌软件(aapoker发牌机制)果然真的是有挂(有挂功能)-哔哩哔哩,您好,a...
    黑科技中牌率!aapoker系... 1、黑科技中牌率!aapoker系统机制(wepoke有没有挂)其实是有挂(有挂秘笈)-哔哩哔哩;详...
    黑科技数据!智星德州菠萝外挂检... 黑科技数据!智星德州菠萝外挂检测(德州ai辅助)好像真的有挂(真实有挂)-哔哩哔哩,您好,德州ai辅...
    黑科技安装!智星德州菠萝在哪下... 自定义德扑ai助手软件系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
    黑科技游戏!aa扑克德州辅助工... 黑科技游戏!aa扑克德州辅助工具(德州辅助神器软件)确实有挂(有挂教程)-哔哩哔哩1)德州辅助神器软...
    黑科技工具!微扑克辅助挂(德扑... 黑科技工具!微扑克辅助挂(德扑ai软件靠谱吗)往昔有挂(发现有挂)-哔哩哔哩1、快速入门:当你通过点...