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>

ノート

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

参考

作成日 2016-10-26