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

Question

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

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

谢谢

Answer 1

使用 this example 作为如何在基于 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 通知解决了这个问题。逻辑是 post 选项卡更改发生时的通知。根据选项卡索引，我可以决定操作栏按钮点击事件方法。

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

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

How to change Action bar for each Tab in Nativescript Angular

nativescript

angular2-nativescript

nativescript-telerik-ui