Angular: Set Active Tab in Tabset

ramitahe...

SOLVED CLOSED ACTIVE ANSWERED
User: ramitaherwahdan1978
Posted: on Nov 16, 2023 03:36 AM
Forum: Angular
Answer: 1
Views: 2851

I have 3 tabs in tabset and when i click an image i want to make tab 2 as active.

so when i click the image i want tabIndex 2 is active not tabindex 0

<tabset *ngIf="visable2" class="member-tabset">
    <tab heading="Overview" [tabIndex]="0"></tab>
    <tab heading="Overview" [tabIndex]="1"></tab>
    <tab heading="Overview" [tabIndex]="2"></tab>
</tabset>

dharmend...

5 1

Reply
ANSWER
User: dharmendr
Replied: on Nov 16, 2023 03:50 AM
Report

Hi ramitaherwahd...,

Use like this.

<tabset *ngIf="visable2" class="member-tabset">
  <tab heading="Overview" [active]="currentTabId === 0"><tab>
  <tab heading="Overview" [active]="currentTabId === 1"><tab>
  <tab heading="Overview" [active]="currentTabId === 2"><tab>
</tabset>

Set currentTabId in ts file.

currentTabId = 2

Angular: Set Active Tab in Tabset

Company

Explore

Follow us

Contact Us