Question

您好，我有一个侧边栏组件，该组件必须具有允许在页面之间进行导航的菜单树，因此由于该项目位于材料中，因此我考虑使用角度材料树，我需要在查看节点选项时可以进行导航对于该视图，我知道使用html中的routerlink是可行的，但是由于树是从.ts加载数据的，因此菜单是静态的，因此它们将始终执行相同的选项，这与我想要的示例最相似不时。但我需要在节点选项中导航

https://stackblitz.com/edit/angular-qsb9c8-x4oaan

Answer 1

根据我的理解，您想通过单击菜单项来访问页面。

因此，您可以在for循环中维护对象本身中的路径。按照您使用的示例。我正在向您显示您必须替换的更新对象。

export class FileNode {
  children: FileNode[];
  filename: string;
  type: any;
  path:string;
}

Applications: {
    Calendar: 'app',
    Chrome: 'app',
    Webstorm: 'app',
    path:'abc'
  }

并且您可以在html中将此路径用于路由目的。在这里，我向您展示您可以参考的示例。

 <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
    <li class="mat-tree-node">
         <a  [routerLink]="[node?.path]">
      {{node.filename}}:  {{node.type}}</a>
    </li>
  </mat-tree-node>

如何在菜单树角材料中添加导航

1 个答案: