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"]); ("details”路由)切换屏幕后，我看不到我的。我做错了什么吗？你能告诉我，如果可能的话，我该如何创建这个功能。

Answer 1

尝试使用<router-outlet></router-outlet>而不是<page-router-outlet>。

我认为这段来自nativescript angular的测试代码显示了您想要做的事情：https://github.com/NativeScript/nativescript-angular/blob/master/ng-sample/app/examples/router/router-outlet-test.ts