NativeScript-Angular - >当路线改变时,app.component.ts中的ActionBar不一致

时间:2017-06-15 10:42:01

标签: 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吗?

3 个答案:

答案 0 :(得分:2)

我相信如果你使用<router-outlet></router-outlet>代替<page-router-outlet></page-router-outlet>,你会得到你期望的结果。

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

答案 1 :(得分:0)

是的,您可以在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 {

}

答案 2 :(得分:0)

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

添加关注到main.ts

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

本机脚本具有更改日志自述文件。