Angular2 navbar-subnavbar,检查导航栏链接后显示子窗口菜单

时间:2017-02-19 14:01:42

标签: angular

在subnav我想创建一个组件,如果它的这个(/ company)链接,显示subMenus按钮。

navbar组件:

export class NavbarComponent implements OnInit 

{
  navbar = [

    {
      name: 'Company',
      link: '/company',
      subMenu: [
        { name: 'test1', link: '/test1'},
      ]
    },
    {
      name: 'About',
      link: '/about',
      subMenu: [
        { name: 'test2', link: '/test2'},
      ]
    },

1 个答案:

答案 0 :(得分:0)

使用以下代码。导航栏组件将包含以下标记

packages:
- '.'
- location:
    git: https://github.com/duplode/threepenny-gui
    commit: 7e4e3a41cbb5e55312d4375612790d633ccf1e7a
  extra-dep: true

您的子菜单组件将具有以下代码

<div *ngFor="let menu in navbar" >
    <a [routerLink]="['menu.link']">{{menu.name}} </a>
    <sub-menu [menus]="menu.subMenu"> </sub-menu>
</div>