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

Question

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

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

谢谢

Answer 1

将此示例用作有关如何在基于 Angular 的应用程序中使用 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 通知解决了这个问题。逻辑是在选项卡更改发生时发布通知。根据标签索引，我可以决定操作栏按钮点击事件的方法。

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