Angular 创建自定义复选框树视图组件角度

我想使用复选框在角度中创建树状视图组件。 请在找到我的代码-

在这里，我可以在UI上呈现树视图。但是我们想要实现功能-

选中父复选框后，应自动选中其所有子复选框

选中所有子复选框后，应自动选择父节点复选框

在所有选中复选框的“想要”列表的末尾

---

在这里，我如何将模型设置为复选框并实现上述功能。​

角材质有一个非常好的树模块。这个示例与您需要的非常相似，只是在复选框上做了一些逻辑更改

---

棱角材质有一个非常好的树模块。这个示例与您需要的非常相似，只是在复选框上做了一些逻辑更改

---

首先需要向TreeNode添加一个新的可选属性

interface TreeNode {
    label: string;
    check?:boolean; //<--this one
    children: TreeNode[];
  }

你可以在这里面看到

---

但是您可以考虑@Dseroski的建议，而不是重新发明轮子：）

您首先需要的是在TreeNode中添加一个新的可选属性

interface TreeNode {
    label: string;
    check?:boolean; //<--this one
    children: TreeNode[];
  }

你可以在这里面看到

---

但您可以考虑@Dseroski的建议，而不是重新发明轮子：）

请尝试使用插件。它将为您工作。

请尝试使用插件。这对你很有用。

谢谢你，Eliseo。实际上，在这里我们想要创建完全定制的树视图，没有其他插件可以使用。这里还有一个问题，我想提出，当孩子被取消选中时，所有的父母都会被取消选中。我该怎么做呢？请推荐。谢谢你。实际上，在这里我们想要创建完全定制的树视图，没有其他插件可以使用。这里还有一个问题，我想提出，当孩子被取消选中时，所有的父母都会被取消选中。我该怎么做呢？请建议。

  public selectNode( node: TreeNode,value:boolean ) : void {
        this.check(node,value)
  }

  check(node:any,value:boolean)
  {
    node.check=value;
    node.children.forEach(x=>
    {
      this.check(x,value)
    })
  }