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

Question

如何在 angular 2

的 nebular 中执行 NbTabset 中的事件

文档里说的不详细，请问能不能在 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>

Answer 1

是的，可以在 nebular.Below 中发出 changeTab 事件 NbTabset 是代码片段和 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)
  }

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

Run event in Nebular's NbTabset in Angular 2

tabs

nebula

angular

nebular