{"action":"opened","issue":{"url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1351","repository_url":"https://api.github.com/repos/NativeScript/nativescript-angular","labels_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1351/labels{/name}","comments_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1351/comments","events_url":"https://api.github.com/repos/NativeScript/nativescript-angular/issues/1351/events","html_url":"https://github.com/NativeScript/nativescript-angular/issues/1351","id":327357094,"number":1351,"title":"Feature: Enable nesting page router outlets","user":{"login":"MartoYankov","id":3806145,"avatar_url":"https://avatars3.githubusercontent.com/u/3806145?v=4","gravatar_id":"","url":"https://api.github.com/users/MartoYankov","html_url":"https://github.com/MartoYankov","followers_url":"https://api.github.com/users/MartoYankov/followers","following_url":"https://api.github.com/users/MartoYankov/following{/other_user}","gists_url":"https://api.github.com/users/MartoYankov/gists{/gist_id}","starred_url":"https://api.github.com/users/MartoYankov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MartoYankov/subscriptions","organizations_url":"https://api.github.com/users/MartoYankov/orgs","repos_url":"https://api.github.com/users/MartoYankov/repos","events_url":"https://api.github.com/users/MartoYankov/events{/privacy}","received_events_url":"https://api.github.com/users/MartoYankov/received_events","type":"User","site_admin":false},"labels":[{"id":377758526,"url":"https://api.github.com/repos/NativeScript/nativescript-angular/labels/feature","name":"feature","color":"0B61A4","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-05-29T14:53:00Z","updated_at":"2018-05-29T14:53:00Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"With nativescript-angular 6.0 we will enable sibling named <page-router-outlet> at root level to enable the scenario with root TabView with navigations inside the tabs. This scenario is demonstrated in the template -  https://github.com/NativeScript/template-tab-navigation-ng.\r\n\r\nWe would like to also support nested sibling named <page-router-outlet>. This will enable more scenarios with PROs that are now only possible with NG <router-outlet>. Here are two scenarios:\r\n\r\n1. Having a root <page-router-outlet> that initially navigates to a Login page and upon login, navigates to a TabView with nested <page-router-outlet> navigations:\r\n - PRO\r\n    - Login\r\n    - Tabs\r\n        - PRO: Tab 1 Master --> Tab 1 Detail\r\n        - PRO: Tab 2 Master --> Tab 2 Detail\r\n\r\n2. Having a root <RadSideDrawer> that can switch between regular pages and TabView with nested <page-router-outlet> navigations:\r\n - RadSideDrawer\r\n    - PRO\r\n        - Page 1 Master --> Page 2 Detail\r\n        - Tabs\r\n            - PRO: Tab 1 Master --> Tab 1 Detail\r\n            - PRO: Tab 2 Master --> Tab 2 Detail"}}
{"actor":{"display_login":"MartoYankov"}}