角度路由到一个组件的不同路径答案

【问题标题】：Angular Routing to different paths for one component角度路由到一个组件的不同路径
【发布时间】：2018-07-11 23:51:03
【问题描述】：

我有一个页面叫做 http://example.com/consultation 代表我网站中angular的登陆页面（首页），路径如下图。问题是：当链接为http://example.com/consultation 时（consultation 之后没有任何内容，我需要将路由随机分配给ask-question 和service-page。知道如何实现这一点吗？

导出 const 路线：路线 = [ { 路径：'咨询'，组件：在线咨询组件，孩子们： [ { path: '', redirectTo: 'ask-question', pathMatch: 'full' }, { 路径：'ask-question'，组件：AskQuestion }， {路径：'服务页面'，组件：服务页面}， {路径：'**'，redirectTo：'问问题'} ] } ];

【问题讨论】：

标签： angular routing

【解决方案1】：

你的重定向应该在前面有一个斜线

redirectTo: '/ask-question'

【讨论】：

谢谢@David，但这会随机路由到两个链接吗？

【解决方案2】：

我会通过 OnlineConsultationComponent ngOnInit 函数来完成。只需检查那里的路线，如果您没有在活动路线中检测到“询问问题”或“服务页面”，则重新路由到随机选择的这两个之一。没有办法直接通过路由器做到这一点。

如果您不想在组件内部执行此操作，也可以使用警卫来实现相同的行为。

【讨论】：

大声笑，我刚看到这是一个两年前的问题。希望这对某人有所帮助。