angular - 角度的动态选项卡

Question

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

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

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

标签： angularbootstrap-4angular-material

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