Use case for tabs component

[Leonardonline]

Hi, how can I handle events on tab change?
Previous "emitters" like activeIndexChange or onChange were removed, but there are no hints for migration.
I want to dispatch actions when user changes tab.

[fabiobiondi]

Hi @Leonardonline ,
you may use another approach:

1. Use 2-ways binding

<p-tabs [(value)]="tabIndex">

2. Define a model

tabIndex = model(2) // <== you can also set the default tab to open, i.e. 2

3. Listen for changes

  constructor() {
    effect(() => {
      console.log(this.tabIndex())
    });
  }

4. Change Tab programmatically

this.tabIndex.set(1)

[Leonardonline]

Thansk you so much @fabiobiondi