在 Angular 2 的 Nebular 的 NbTabset 中运行事件

【问题标题】：Run event in Nebular's NbTabset in Angular 2在 Angular 2 的 Nebular 的 NbTabset 中运行事件
【发布时间】：2021-03-10 08:31:07
【问题描述】：

我如何从angular 2 执行NbTabset in nebular 中的事件

在不详细的文档中，我很感谢您的帮助，无论是否可以在 NbTabset中执行function

<nb-card>
  <nb-card-body>

    <nb-tabset>
      <nb-tab tabTitle="Mujeres" (click)="onEvento()">
        <p>Aquí lógica de Mujeres </p>
      </nb-tab>
      <nb-tab tabTitle="Varones" (click)="onEvento()">
        <p>Aquí lógica de varones </p>
      </nb-tab>
    </nb-tabset>

  </nb-card-body>
</nb-card>

【问题讨论】：

标签： angular tabs nebular nebula

【解决方案1】：

是的，它可以在星云中发出changeTab事件NbTabset。下面是代码sn-p和 sample stackblitz example

  <nb-card>
  <nb-card-body>
    <nb-tabset  (changeTab)="onEvento($event)">
      <nb-tab tabTitle="Mujeres">
      <div>
        <p>Aquí lógica de Mujeres </p>
        </div>
      </nb-tab>
      <nb-tab tabTitle="Varones">
        <p>Aquí lógica de varones </p>
      </nb-tab>
    </nb-tabset>
  </nb-card-body>
</nb-card>

在组件中

onEvento(e){
    console.log(e.tabTitle)
  }

【讨论】：