我们的Angular应用程序具有一个单独的<router-outlet>
,用于呈现整个应用程序中的各种模式。
为了能够路由到特定的模式,我们使用以下命名方案:
https://application.com(modal:modals/user-modal)
为了导航到上述路线,我们使用以下代码:
router.navigate(['', {outlets: {modal: ['modals', 'user-modal']}}]);
最近,请求路径中的:
给了我们可怕的死亡黄屏,即'/'应用程序中的服务器错误。
我正在尝试找到here的解决方案,但对如何仍然可以使用Angular Router使用查询字符串参数来匹配组件感到好奇。
我想改为做类似的事情:https://application.com?modal=user-modal
,并继续渲染user-modal
。
有什么建议吗?谢谢