Question

我正在构建一个ananglar应用程序，其中所有工作正常，除了在某些条件或某些时间路由。

我用它来导航到主页：

this._router.navigate（[ '']）;

export const LoginRoutes: Route[] = [
    {
        path: '',
        component: LoginComponent,
    },
    {
        path: 'signup',
        component: SignUpComponent
    }
];

当我在页面上时：

http://localhost:3000/dashboard/viewproduct

然后点击我在导航到登录组件的注销按钮，有时候它工作得很好，但是有时它会被卡住并导航我在同一页面上，例如：

http://localhost:3000/dashboard/viewproduct

我无法弄清楚什么是错误的？如果其他人也遇到这个问题，请建议。

Answer 1

如果您的路径路线没有children或redirectTo，请使用pathMatch: 'full'

export const LoginRoutes: Route[] = [
{
    path: '',
    component: LoginComponent,
    pathMatch: 'full'
},
{

告诉路由器它可以停止尝试匹配更多路由。

Answer 2

简介： 我遇到了同样的问题。但最后发现问题出在html中的锚标记。

原因： 如果在按钮标记的锚标记中提供了routerLink，则必须特别单击锚文本，才能激活routerLink 。

解决方案： 在button标签内提供路由器链接。

示例

正确

<button routerLink="/home"> Home </button>

错

<button> <a routerLink="/home"> Home </a> </button>

有时路由无法正常工作

2 个答案: