Nativescript + Angular 2基本屏幕模板

Question

是否可以創建一些基本屏幕模板（主屏幕）並在其他屏幕中使用它？ 比如我有這樣

@Component({ 
selector: "main", 
directives: [NS_ROUTER_DIRECTIVES, Bar], 
template : ` 
    <StackLayout orientation="vertical"> 
    <bar-component> 
    </bar-component> 
    <page-router-outlet></page-router-outlet> 
</StackLayout> 
` }) 

應用程序組件，我想在所有屏幕有，但現在我有它只是在我的第一個畫面（「」路徑），然後用this._router.navigate(["/details"]);改變屏幕後（ 「細節」路線）我看不到我的。我做錯了什麼？你能告訴我請如何在可能的情況下創建這個功能。

Answer 1

嘗試使用<router-outlet></router-outlet>而不是<page-router-outlet>。

我認爲這個測試代碼來自nativescript角度，顯示你想要做什麼： https://github.com/NativeScript/nativescript-angular/blob/master/ng-sample/app/examples/router/router-outlet-test.ts