2

サブナビゲーションが関連付けられたナビゲーションコンポーネントがあります。データ構造は次のとおりです。

{
    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']"

しかし、これは機能しません。

ありがとう

4

0 に答える 0