Angular2/階層のあるメニューのハイライト

ポケットがチケットでいっぱい

編集 追加
| | | |
2016-10-26 (水) 15:17:09 (357d)
Top / Angular2 / 階層のあるメニューのハイライト

キーワード

  • Angular2
  • routerLinkActive

したいこと

階層のあるメニューで、親の要素もハイライトしたい。

├ メニュー☆
│ ├ サブメニュー☆
│ └ サブメニュー

どうやって

単に、親にもrouterLinkActiveを書いてあげる。

<li routerLinkActive="active">メニュー
  <ul>
    <li routerLinkActive="active"><a routerLink="/x">サブメニュー</a></li>
    <li routerLinkActive="active"><a routerLink="/y">サブメニュー</a></li>
  </ul>
</li>

ノート

痒いところに手が届く感。

参考