angular - 激活星云主题选项卡

Question

我正在使用 Nebular Theme 组件，并希望通过单击按钮手动激活特定选项卡。我在他们的文档中找不到任何信息
https://akveo.github.io/nebular/docs/components/tabs/overview#nbtabsetcomponent

<nb-tabset>
  <nb-tab tabTitle="Search">xxxx</ng-tab>
  <nb-tab tabTitle="Add">yyyyy</ng-tab>
</nb-tabset>

<button (click)="ActivateTabAdd()">Add</button>

任何帮助表示赞赏。谢谢

Answer 1

是的，为什么不
选项卡 active 有一个 nb-tab 属性，它指定事件选项卡
所以你可以像这样处理

<nb-tabset>
  <nb-tab tabTitle="Search" active="{{setActiveSearch}}">xxxx</ng-tab>
  <nb-tab tabTitle="Add" active="{{setActiveAdd}}" >yyyyy</ng-tab>
</nb-tabset>
<button (click)="ActivateTabAdd()">Add</button>

并在 TS 文件中

setActiveSearch : boolean = false;
setActiveAdd: boolean = false;

ActivateTabAdd(){
this.setActiveAdd = true;
}