キーワード†

• 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>

ノート†

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

参考†

• angular2 - In Angular 2 how do you determine the active route in Child Routing with parent routing? - Stack Overflow