Всем привет!
Изучаю angular 2 и столкнулся с проблемкой.
Итак, есть два меню:
Первое меню
<div class="toolbar">
<nav>
<ul class="nav-bar-list">
<li *ngFor="let tab of tabs" routerLink="{{tab.link}}" routerLinkActive="active">
<a class="menu-button">{{tab.label}}</a>
</li>
</ul>
</nav>
</div>
Второе меню
<div class="toolbar-sub">
<nav>
<ul class="nav-bar-list-items">
<li *ngFor="let state of states" routerLink="{{state.link}}" routerLinkActive="active">
<a class="menu-button-items">{{state.label}}</a>
</li>
</ul>
</nav>
</div>
Во втором меню пункты могут меняться в зависимости от того, какой пункт выбран в первом меню. Как это сделать красиво? Все что пробовал не получалось. Но попробовал я явно не все.