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"
})

これもエラーになります。だから私は混乱しています。Pagehtml ファイルに xmlを追加するにはどうすればよいですか?

編集:追加する理由は<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 に答える