导航到角度不起作用的新页面

Question

我是角色的新手，我使用角度创建了网站。当我登录时，它会在页面顶部显示用户名（如下所示）

我的要求是，当我点击它时，我想将用户带到另一个（例如用户详细信息页面）但我在.html和.ts文件中所做的事情没有做任何事情

相关的html代码部分

<div class="m-2"> 
<i class="fa cursor-pointer" (click)="Navigatekbuttonclick($event)">{{username}}</i>
</div>

相关的.ts部分

Navigatekbuttonclick(){
this.router.navigate([/userdetails]);
}

请有人帮忙解决这个导航部分并告诉我遗漏了什么

Answer 1

传递参数的路径必须是引号。

试试这个：

Navigatekbuttonclick(){
this.router.navigate(['/userdetails']);
}

但为了实现这一点，您必须在路由器中定义路由：

{path:'/userdetails', component: userDetailComponent}

以下链接可以帮助您：Angular Documentation