1

を変更したときの経路が他の何かにアクションバーの変更を変更する場合>アクションバーapp.component.tsでは一貫性がない、これはapp.component.htmlNativeScript-アンギュラ - ルートが

<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を使用できないのですか?

答えて

0

はい、あなたはapp.component.tsここ

でアクションバーを使用することができます基本的な例である:私はあなたが<router-outlet></router-outlet>代わりの<page-router-outlet></page-router-outlet>を使用する場合は、あなたが結果を得ると確信してい

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 { 

} 
+0

に置き換えられます。ルートはアクションバーが '' ' に変更変更<アクションバーのタイトルは=「NewApp」クラス=「アクションバーのフォント素晴らしい」> ' '' アクション項目が新しいルートで失われることに注意してください。私は新しいルートテンプレートでActionBarを使用していません。しかし、その内部のActionItemは失われます。 –

+0

ルート変更が発生したときに、プロパティがクリアされない可能性があります。あなたはコンポーネント、HTML、サービスを共有していただけますか? –

+0

ここは私のgithub repo urlです。 initのファイルを参照してください。 https://github.com/bunnyvishal6/example-nativescript-app –

1

期待している。

<page-router-outlet></page-router-outlet>は、ページ全体を置き換え、<router-outlet></router-outlet>のみこれが私のために動作しませんでしたコンテンツブロック

+0

ただし、アイテムがアイテムリスト(初期ページ)から事前設定されていても初期化中の場合、アイテム詳細コンポーネントはレンダリングされません。ハードウェアの戻るボタンが機能しません。 –