Запустить событие в NbTabset от Nebular в Angular 2

#angular #tabs #nebular #nebula

#angular #вкладки #небулярный #туманность

Вопрос:

Как я могу выполнить событие в NbTabset in nebular из angular 2

в документации, которая не является подробной, я был бы признателен за вашу помощь, независимо от того, может ли это выполнить function в NbTabset

 <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>
 

Ответ №1:

Да, в nebular можно создать событие NbTabset changeTab.Ниже приведен фрагмент кода и примерный пример stackblitz

   <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)
  }