跨视图的Nativescript操作栏

时间:2018-03-26 18:07:19

标签: nativescript-angular

我有一个包含此代码的app.html文件。

    <Page xmlns="http://schemas.nativescript.org/tns.xsd"  actionBarHidden="true">
    <ActionBar title="Tooling U-SME" class="action-bar" height="50">
    <StackLayout orientation="horizontal"
      ios:horizontalAlignment="center"
      android:horizontalAlignment="center">
      <Image src="res://tulogo" stretch="none"></Image>
    </StackLayout>
</ActionBar>
<page-router-outlet></page-router-outlet>
</Page>

操作栏在我的根默认页面上显示正确,并带有正确的页面路由器插座,但是当插座更改时,操作栏不会出现。而是出现一种默认操作栏。如何在所有页面浏览中都有一个共同的操作栏?

2 个答案:

答案 0 :(得分:0)

您是否了解了NativeScript Angular的基础知识?在HTML与XML(Core NativeScript)中声明组件的核心差异很小

您认为不要声明Page元素,page-router-outlet实际上是为您做的。尝试在组件中声明要在page-router-outlet内加载的操作栏。

答案 1 :(得分:0)

阅读这篇文章后,我想出来了:

https://dzone.com/articles/working-with-angular-modules-in-nativescript-apps

我没有在功能模块中导入NativeScriptCommonModule。