MdbTabsComponent setActiveTab not working

Topic: MdbTabsComponent setActiveTab not working

tech pro asked 3 years ago

I am using angular mdbtabs with latest version 5.

I am generating the tabs using nfFor as the tabs are dynamic. The active tab is not set ever after i am setting on the ts file

ngOnInit(): void {

this.tabs.tabs.first.active = true
this.tabs.setActiveTab(1)

} ngAfterViewInit(): void { this.tabs.tabs.first.active = true this.tabs.setActiveTab(1) }

Add comment

Arkadiusz Idzikowski staff answered 3 years ago

0 0 Best answer

Please try to use this code as a workaround for now, we will take a closer look at that to check if we can change something in the component code to fix that:

  ngAfterViewInit() {
    Promise.resolve().then(() => {
      this.tabs.setActiveTab(1);
    });
  }

Lumpenstein commented a year ago

Hello,

I am facing a similar bug when trying to set the last active tab index (read from localstorage). When the Tab component gets mounted it is triggering the onTabChange event with the index of the first tab, is there a way to prevent this? (a property like 'triggeredByUser' would suffice as well).

Add comment

shellxsoftware answered a year ago