在 nativescript 中从一个选项卡移动到另一个选项卡时如何更改操作栏标题文本

Question

第一次加载这个mainactivity页面时，正在加载第三个标签页操作栏文本。
我需要加载基于点击选项卡的操作栏文本。
例如：当我点击第二个标签时意味着第二个标签操作栏有获取触发器。

main.activity.html:

<ActionBar title="MainActivity" class="action-bar">

</ActionBar>


<TabView selectedIndex="0" (selectedIndexChange)="onIndexChanged($event)"  iosIconRenderingMode="alwaysTemplate" selectedTabTextColor="blue" sdkExampleTitle sdkToggleNavButton>
<TabView iosIconRenderingMode="alwaysOriginal"></TabView>

<StackLayout *tabItem="{title: 'First Tab',iconSource:'res://store'}" >
<first-page></first-page>
</StackLayout>

<StackLayout *tabItem="{title: 'Second Tab',iconSource:'res://myapps'}" >
<second-page></second-page>
</StackLayout>

<StackLayout *tabItem="{title: 'Third Tab',iconSource:'res://home'}" >
<third-page></third-page>
</StackLayout>

</TabView>

main.activity.ts:

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

Answer 1

对于每个标签位置，我们需要添加标签索引并添加相应页面的标题。

   <ActionBar *ngIf="tabIndex == 1" title="My Apps" color="black"> </ActionBar>

在 nativescript 中从一个选项卡移动到另一个选项卡时如何更改操作栏标题文本

How to change an action bar title text when moving from one tab to another tabs in nativescript

nativescript

angular2-routing

angular2-nativescript