如何更改Nativescript Angular中每个选项卡的操作栏

Question

我使用Nativescript Angular有TabBar应用程序。我想根据所选标签更改操作栏按钮。 我只是按照本教程https://www.youtube.com/watch?v=7go3L70QfIQ

但是，不知道如何在Angular中使用TabView.selectedIndexChangedEvent。 如果有人这样做，请分享这段代码。

由于

Answer 1

使用this example作为参考，了解如何在基于角色的应用程序中使用selectedIndexChange事件。

例如：

<TabView selectedIndex="0"  (selectedIndexChange)="onIndexChanged($event)">
<!-- more code follows here -->

然后在组件文件中使用onIndexChanged回调

public onIndexChanged(args) {
    let tabView = <TabView>args.object;
    console.log("Selected index changed! New inxed: " + tabView.selectedIndex);
}

Answer 2

我使用rxjs / Observable通知解决了这个问题。当标签发生变化时，Logic会发布通知。根据选项卡索引，我可以决定操作栏按钮点击事件方法。

    // send notify to child components
    let message = {
        "tabIndex" : this.tabIndex,
        "tappedButton" : "someButton"
    };
    this.notifyService.send(JSON.stringify(message));