Angular 激活一个星云主题标签
我正在使用星云主题组件,并希望通过单击按钮手动激活特定选项卡。我在他们的文件里找不到任何信息Angular 激活一个星云主题标签,angular,tabs,nebular,Angular,Tabs,Nebular,我正在使用星云主题组件,并希望通过单击按钮手动激活特定选项卡。我在他们的文件里找不到任何信息 xxxx YYYY 添加 谢谢你的帮助。谢谢是的,为什么不呢 选项卡nb tab有一个active属性,用于指定活动选项卡 所以你可以这样处理 <nb-tabset> <nb-tab tabTitle="Search" active="{{setActiveSearch}}">xxxx</ng-tab> <n
xxxx
YYYY
添加
谢谢你的帮助。谢谢是的,为什么不呢
选项卡nb tab
有一个active
属性,用于指定活动选项卡
所以你可以这样处理
<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>
谢谢我要和它一起工作xxxx@El7or,请帮助我了解更多细节,以便继续处理此案例。
<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>
setActiveSearch : boolean = false;
setActiveAdd: boolean = false;
ActivateTabAdd(){
this.setActiveAdd = true;
}
<nb-tabset id="tabset" name="tabset" #tabset>
<nb-tab tabTitle="Search" id="searchTab" name="searchTab" #searchTab >xxxx</ng-tab>
<nb-tab tabTitle="Add" id="addTab" name="addTab" #addTab >yyyyy</ng-tab>
</nb-tabset>
<button (click)="ActivateTabAdd()">Add</button>
import { NbTabsetComponent, NbTabComponent } from '@nebular/theme/components/tabset/tabset.component';
@ViewChild("tabset") tabsetEl: NbTabsetComponent;
@ViewChild("addTab") addTabEl: NbTabComponent;
ActivateTabAdd(){
this.tabsetEl.selectTab(this.addTabEl);
}