angular - 记住 Angular 5 中的选定选项卡（引导选项卡集）

Question

我在 Angular 5 应用程序中使用来自 Bootstrap (ngx-bootstrap.es2015.js) 的标签集。它在大多数情况下都可以正常工作。但是，当显示另一个组件时（并且显示选项卡集的组件被隐藏），然后您返回显示选项卡集的组件，选项卡集始终显示第一个选项卡为选中状态（即使可能选择了第三个选项卡）。返回“第一个”组件时，有没有办法“记住”哪个选项卡处于活动状态？

一些代码：

<tabset type="pills" [justified]="true" *ngIf="someCondition ">
      <tab *ngFor="let category of categories"
           heading="{{category.categoryNumber}} {{category.categoryName}}"
           (select)=setCategory(category.categoryNumber)>
      </tab>
    </tabset>

setCategory(categoryNumber) {
    this.currentCategory = categoryNumber;
    this._ref.detectChanges();
    ...
  }

标签： angulartwitter-bootstrap-3ngx-bootstrap

Answer 1

您必须将一些状态合并到您的应用程序中，以便它记住一些数据。我过去曾使用此链接来了解有关在我的 Angular 应用程序中创建此类状态的更多信息。