如何给树子菜单链接或路径以重定向其他组件?

时间:2019-03-29 06:25:28

标签: html angular path

我想给树子菜单提供routerlink或path或任何操作,但是我失败了,我不知道该怎么做,有人帮我找出解决方案,

这是.ts文件代码

suffix

.html文件是

  public treeData: Object[] = [
{
    nodeId: '1', nodeText: 'DashBoard'
},
{
    nodeId: '2', nodeText: 'Trip Management',
    nodeChild: [
        { nodeId: '21', nodeText: 'Location' },
        { nodeId: '22', nodeText: 'Routes' },
        { nodeId: '23', nodeText: 'Ticket Price' }
    ]
},
{
    nodeId: '3', nodeText: 'Booking',
    nodeChild: [
        { nodeId: '31', nodeText: 'Add Booking' },
        { nodeId: '32', nodeText: 'List' }
    ]
},
{
    nodeId: '4', nodeText: 'Users',
},
{
  nodeId: '5', nodeText: 'Reports',
  nodeChild: [
      { nodeId: '51', nodeText: 'User' },
      { nodeId: '52', nodeText: 'Booking' }
  ]
},
{
  nodeId: '6', nodeText: 'settings',
  nodeChild: [
      { nodeId: '61', nodeText: 'General Setting' },
      { nodeId: '62', nodeText: 'Pages' },
      { nodeId: '63', nodeText: 'Email Formate' },
  ]
},
];

 public treeFields: Object = {
dataSource: this.treeData,
id: 'nodeId',
text: 'nodeText',
Link:'routerLink',
child: 'nodeChild',

};

0 个答案:

没有答案