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

Question

我有一个名为的页面 http://example.com/consultation代表我网站中有角度的着陆页（第一页），路线如下所示。 问题是：当链接为http://example.com/consultation时consultation之后没有任何内容我需要将路由随机分发到ask-question和service-page。任何想法如何实现此目标？

export const routes: Routes = [
    {
        path: 'consultation',
        component: OnlineConsulationComponent,
        children: [
            { path: '', redirectTo: 'ask-question', pathMatch: 'full' },
            { path: 'ask-question', component: AskQuestion },
            { path: 'service-page', component: ServicePage },
            { path: '**', redirectTo: 'ask-question' }
        ]
    }
];

Answer 1

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

redirectTo：'/ ask-question'

Answer 2

我将从OnlineConsultationComponent ngOnInit函数中执行此操作。只需检查那里的路由，如果您没有在活动路由内检测到“询问问题”或“服务页面”，然后重新路由到随机选择的两个路由之一。无法直接通过路由器执行此操作。

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