Primeng tabview 角度问题在代码中设置活动选项卡

Question

我在我的角度应用程序中使用 Primeng Tabview。我有如下所示的代码来使用代码设置活动选项卡。

<button (click)="change(0)">First</button>
<button (click)="change(1)">Second</button>
<button (click)="change(2)">Third</button>

<p:tabView [activeIndex]="index" ...


public index: number;

change(index: number): void {
    this.index = index;
}

但是一旦我手动转到选项卡并尝试单击按钮，它就不会转到正确的选项卡。不确定出了什么问题或如何使其工作？

Answer 1

index手动更改选项卡时更新变量。

HTML

<p-tabView [activeIndex]="index" (onChange)="handleChange($event)">...

TS

handleChange(e) {
  this.index = e.index;
}

见Plunker