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-Angular - ＆gt;当路线改变时，app.component.ts中的ActionBar不一致

3 个答案: