angular2-routing - 子路由的 Angular 2 RouterLinkActive 类

Question

我有一个导航组件，其中有一个与之关联的子导航​​。数据结构如下：

{
    title: 'Layout', routerLink: 'layout', // main nav
    subNav: // sub nav
    {
      title: 'Layout',
      items: [
        { title: 'Layout', routerLink: 'layout' },
        { title: 'Page Layout', routerLink: 'page-layout' },
      ]
    }
  }

我想在主导航和子导航之间创建一个链接，以便在导航到页面布局时，仍然设置活动类。我当前的父 HTML 是：

    <div [routerLink]="[item.routerLink]" 
        [routerLinkActive]="['active']" 
        [routerLinkActiveOptions]="{ exact: true }" #navitem>   

          // navigation specific html

    </div>

我试图添加多个 routerlinks 选项并提供一系列 routerlink 选项，例如

[routerLink]="['/layout', '/page-layout']"

但这不起作用。

谢谢