NativeScript - 角 - >當路由變化

這是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是不相符的。我不能在app.component.ts中使用ActionBar嗎？

來源

2017-06-15 Bunny Vishal

是的，你可以在app.component.ts

在這裏使用的動作條是一個基本的例子：

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 { 

}

來源

2017-06-15 11:49:51

這並沒有爲我工作。當路徑改變動作條變爲 ''' <動作條標題=「NEWAPP」類=「動作杆字體真棒」> ''' 注意，確定項目確定在新的路由丟失。我沒有在新的路線模板中使用ActionBar。但其中的ActionItem已經丟失。 –

當路線發生變化時，可能有某個屬性未被清除。你能分享你的組件，html和服務嗎？ –

這是我的github回購網址。請參閱init文件。 https://github.com/bunnyvishal6/example-nativescript-app –

我相信，如果你使用的<router-outlet></router-outlet>代替<page-router-outlet></page-router-outlet>你會得到你的結果期待。

<page-router-outlet></page-router-outlet>替換整個頁面，<router-outlet></router-outlet>只負責更換內容分塊

來源

2017-06-15 15:32:20

但是項目細節組件不是在項目列表（初始頁面）預先設置項目時呈現的，而是正在初始化。並且硬件後退按鈕不起作用。 –

NativeScript - 角 - >當路由變化

回答

相關問題