角度动态标签

Question

我的项目中有2个标签，一个是电影，另一个是歌曲

https://stackblitz.com/edit/angular-ivy-koal1q

我的问题是当我在选项卡之间切换时，选项卡未保持其先前状态，我的代码正在创建带有关闭按钮的选项卡，当我单击选项卡时，它会重定向选项卡的内容，但我想为每个选项卡维护单独的容器标签，如何实现角度

Answer 1

menu.component.html

<nav class="menu">
  <ul class="menu-options-list">
    <li *ngFor="let option of menuOptions" class="menu-option"  [routerLink]="option.url" routerLinkActive="active">
      {{option.name}}
    </li>
  </ul>
</nav>

menu.component.css

.active {
   background-color: #7a9d96;
  cursor: pointer;
}

此处正在演示https://stackblitz.com/edit/angular-ivy-y39htm