当路由更改时，app.component.ts中的NativeScript-Angular - > ActionBar不一致

Question

这是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吗？

Answer 1

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

<page-router-outlet></page-router-outlet>取代了整个页面，<router-outlet></router-outlet>只会替换内容块

Answer 2

是的，您可以在app.component.ts中使用ActionBar

这是一个基本的例子：

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
  <ActionBar title="Glossary" class="action-bar"></ActionBar>
  <page-router-outlet></page-router-outlet>`,
  styleUrls: ["app.component.css"]
})

export class AppComponent {

}

Answer 3

https://github.com/NativeScript/nativescript-angular/issues/1441#issuecomment-434132592

将以下内容添加到main.ts中

 platformNativeScript({ createFrameOnBootstrap: true})
 .bootstrapModuleFactory(AppModuleNgFactory);

nativescript有更改日志自述文件。