Nativescript + Angular 2 base screen template

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