使用固定导航栏导航到 Angular 2+ 中的页面

【问题标题】：Navigate to a page in Angular 2+ with fixed navbar使用固定导航栏导航到 Angular 2+ 中的页面
【发布时间】：2019-03-20 14:07:22
【问题描述】：

我有一个选项列表，我想在其中导航到每个列表选项中的每个页面。我可以知道该怎么做吗？我刚刚尝试了路由器选项，但它不起作用。导航栏和页脚已设置在固定位置，背景区域的内容应根据导航栏中的菜单选择而变化。

【问题讨论】：

标签： angular

【解决方案1】：

您应该使用navigateByUrl 而不是普通的路由方法。给个例子代码

.html

<ul class="dropdown-menu">
 <li (click)="goToPage('account')">My Account</li>
</ul>

goToPage(path)
{
console.log(data);
this.router.navigateByUrl(path)
}

希望这篇文章对你有帮助

【讨论】：