NativeScript with Angular 2 自定义 html with Page tag
NativeScript with Angular 2 custom html with Page tag
我正在尝试使用 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"
})
这也会出错。
所以我很困惑。如何将 Page
xml 添加到 html 文件?
编辑:我应该补充说我添加 <Page>
的原因是为了隐藏 actionBar。我读到我能做到这一点的唯一方法是将 actionBarHidden="true"
添加到 <Page>
元素
我找到了主要目标的答案。
隐藏 ActionBar 可以通过依赖注入来完成。
import {Page} from "ui/page";
@Component({
// ...
})
class MyComponent {
constructor(page: Page) {
page.actionBarHidden = true;
}
}
https://github.com/NativeScript/nativescript-angular/issues/97
我正在尝试使用 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"
})
这也会出错。
所以我很困惑。如何将 Page
xml 添加到 html 文件?
编辑:我应该补充说我添加 <Page>
的原因是为了隐藏 actionBar。我读到我能做到这一点的唯一方法是将 actionBarHidden="true"
添加到 <Page>
元素
我找到了主要目标的答案。 隐藏 ActionBar 可以通过依赖注入来完成。
import {Page} from "ui/page";
@Component({
// ...
})
class MyComponent {
constructor(page: Page) {
page.actionBarHidden = true;
}
}
https://github.com/NativeScript/nativescript-angular/issues/97