I have a requirement where i need to switch between 2 different views back and forth based on certain condition inside a modal window's body.
Those 2 views are :
After adding new items i need to switch to the List items view.
NOTE: All these views should be displayed inside a modal windows body.
So using ANGULAR 5 routing how can i create new routes / sub routes inside this modal component ?
Create another router-outlet with a name like this
<router-outlet name="modal"></router-outlet>
To navigate to it in your ts, use
this.router.navigate([{ outlets: { modal: 'route' }}])
while in your html, use
<button md-button [routerLink]="[{outlets: {'modal': ['route']}}]">Speakers</button>
you can also specify it in your routes like
{ path: ':id', component: YourComponent, outlet: 'modal' }