导航到角度不可用的新页面

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文档