当使用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对象。