[英]How to create routing inside a modal window [ ANGULAR 5 ]?
我有一个需要根据模态窗口的主体内的特定条件在2个不同的视图之间来回切换的要求。
这两个视图是:
添加新项目后,我需要切换到“列出项目”视图。
注意:所有这些视图都应显示在模式窗口主体中。
因此,使用ANGULAR 5路由时,如何在此模式组件内创建新的路由/子路由?
用这样的名称创建另一个路由器出口
<router-outlet name="modal"></router-outlet>
要在您的ts中导航到它,请使用
this.router.navigate([{ outlets: { modal: 'route' }}])
在您的html中使用
<button md-button [routerLink]="[{outlets: {'modal': ['route']}}]">Speakers</button>
您也可以在路线中指定它,例如
{ path: ':id', component: YourComponent, outlet: 'modal' }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.