matTreeNodeDef 迭代上的 Angular 垫树无法获得自 ngfor 起的索引

Question

我有一个 Angular Material 树。我有一个像下面这样的代码

<mat-tree-node *matTreeNodeDef="let node; let idx=index">
  {{node.filename}}::{{idx}}
</mat-tree-node>

这里 idx 没有填充

Answer 1

恐怕*matTreeNodeDef与 *ngFor 不同指示。
*matTreeNodeDef指令接受 2 个输入。

首先是TreeNode<T>可以定义为

<mat-tree-node *matTreeNodeDef="let node">
  ...
</mat-tree-node>

哪里 node表示 TreeNode 对象。

第二个是 matTreeNodeDefWhen这是一个过滤树节点的函数，可以定义为

HTML

<mat-tree-node *matTreeNodeDef="let node; when hasChild">
  ...
</mat-tree-node>

TS

hasChild = (_: number, node: FlatNode) => node.expandable;  // returns a boolean value

一般来说，树结构没有索引。

引用: https://material.angular.io/components/tree/api#MatTreeNodeDef