如何使用SelectionModel以编程方式选择“材料树”节点？

Question

我有一棵带有复选框的树（让我们在这里使用Material的示例）。我希望开始检查水果节点。如何检查这些节点？

我看到SelectionModel有一个select()方法可以使示例传递节点。但是在该示例中，构成树的数据是的数组TodoItemNode，但SelectionModel包含了TodoItemFlatNode。该transformer示例中的方法可以“拉平”我的节点（即转换TodoItemNode为TodoItemFlatNode），但这将返回一个新实例。

如何以编程方式选择Mat-tree复选框以匹配我的数据？

Answer 1

要预先选择水果节点，请在附加的stackblitz示例中ngAfterViewInit的TreeChecklistExample类中实现的以下操作。

• 通过这种将循环dataNodes在treeControl
• 如果item == 'Fruits'选择节点并展开

• 同样，如果item == 'Groceries'扩展节点是Fruits的父节点。

  ngAfterViewInit() {
      for (let i = 0; i < this.treeControl.dataNodes.length; i++) {
        if (this.treeControl.dataNodes[i].item == 'Fruits') {
          this.todoItemSelectionToggle(this.treeControl.dataNodes[i]);
          this.treeControl.expand(this.treeControl.dataNodes[i])
        }
        if (this.treeControl.dataNodes[i].item == 'Groceries') {
          this.treeControl.expand(this.treeControl.dataNodes[i])
        }
      }
    }
  

Stackblitz

https://stackblitz.com/edit/angular-j2nf2r?embed=1&file=app/tree-checklist-example.html