0

我正在尝试使用 Angular 2 在 NativeScript 中创建一个自定义页面。我在某处读到我所要做的就是将它添加到一个 html 文件中。

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded" actionBarHidden="true">
<ActionBar title="Create">
    <NavigationButton text="Back" android.systemIcon="ic_menu_back"></NavigationButton>
    <ActionItem text="Save" (tap)="save()" ios.position="right"></ActionItem>
</ActionBar>
<StackLayout>
    <TextField hint="First Name" [(ngModel)]="firstname"></TextField>
    <TextField hint="Last Name" [(ngModel)]="lastname"></TextField>
</StackLayout>
</Page>

但这给了我一个错误。我还尝试将其添加到 xml 文件并更新组件模板标记，使其指向它。

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

@Component({
    selector: "app",
    templateUrl: "pages/login/login.xml"
})

这也会产生错误。所以我很困惑。如何将Pagexml 添加到 html 文件中？

编辑：我应该补充一点，我添加的原因<Page>是我可以隐藏 actionBar。我读到我能做到这一点的唯一方法是添加actionBarHidden="true"到<Page>元素

4

1 回答 1

3

我找到了我主要目标的答案。隐藏 ActionBar 可以通过依赖注入来完成。

import {Page} from "ui/page";

@Component({
// ...
})
class MyComponent {
  constructor(page: Page) {
    page.actionBarHidden = true;
  }
}

https://github.com/NativeScript/nativescript-angular/issues/97

于 2016-08-18T00:19:14.610 回答