angular - NativeScript-Angular -> app.component.ts 中的 ActionBar 路由变化时不一致

标签 angular nativescript angular2-nativescript angular-router

这是app.component.html

    <ActionBar title="NewApp" class="action-bar font-awesome">
        <ActionItem (tap)="toggleDrawer()" ios.position="left">
            <Button text="&#xf039;" class="font-awesome" id="menu-btn"></Button>
        </ActionItem>
    </ActionBar>

    <page-router-outlet></page-router-outlet>

当路线更改时,操作栏会更改为其他内容。我不能在 app.component.ts 中使用 ActionBar 吗?

最佳答案

我相信如果你使用<router-outlet></router-outlet>而不是<page-router-outlet></page-router-outlet>您将得到您期望的结果。

<page-router-outlet></page-router-outlet>替换整个页面,<router-outlet></router-outlet>只会替换内容 block

关于angular - NativeScript-Angular -> app.component.ts 中的 ActionBar 路由变化时不一致,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44565433/

相关文章:

angular - 如何在 nativescript-angular html 文件中添加水平线

javascript - 在模板中绑定(bind) Angular 2 数组

angular - 应该显示在表格中的嵌套循环

javascript - 运行 Protractor 测试时出现 TypeScript 错误

javascript - NativeScript:在 mustache 语法中通过 "!"翻转 bool 值,即 {{ !true }}

rxjs - Observable 不发出任何值

javascript - 如何在 Nativescript 上设置 Android 状态栏的样式?

使用http时angular 6未定义函数

nativescript - 如何使用 NativeScript 创建复杂的 UI 组件(前座位图)

css - `JS: Error: Css styling failed: missing ' { nativescript-dev-sass 插件中的 '`