如何在Angular的mat-tree中进行索引？在简单表格中进行索引和行高亮是很容易的，但在Mat-Tree中不是这样。

Question

10 浏览2023年4月27日

匿名的 2023年4月27日

0 Comments

我需要这种类型的mat-tree解决方案。我努力尝试过，但找不到解决方案。

0

匿名的 · Answer 1 · 2023-08-02T22:00:04+00:00

问题的原因是在mat-tree中无法对节点进行索引和突出显示。解决方法是添加一个新的属性，并根据这个新变量更改类或样式。或者可以使用children来标记具有子节点的节点。

首先，我们创建了一个包含索引和子节点的mat-tree的数据源。然后，我们定义了一个_transformer函数，它将节点转换为具有所需属性的对象。

在mat-tree中，我们使用*matTreeNodeDef指令来定义节点模板。我们使用matTreeNodePadding来设置节点的样式，并根据节点的索引来设置背景颜色。

最后，我们将dataSource和treeControl绑定到mat-tree，这样就可以显示和控制树。