Question

是否可以创建一些基本屏幕模板（主屏幕）并在其他屏幕中使用它？例如，我有像这样的应用程序组件

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

我想拥有所有屏幕，但现在我只在我的第一个屏幕（＆＃34;＆＃34;路线）上，然后在使用this._router.navigate(["/details"]);更改屏幕后（＆＃34;细节＆＃34;路线）我无法看到我的。我做错了吗？如果可能的话，你能告诉我如何创建这个功能。

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

Nativescript + Angular 2基本屏幕模板

1 个答案: