angular - 使用固定导航栏导航到 Angular 2+ 中的页面
问题描述
我有一个选项列表,我想在每个列表选项中导航到每个页面。我可以知道该怎么做吗?我刚刚尝试了路由器选项,但它不起作用。导航栏和页脚已设置在固定位置,背景区域的内容应根据导航栏中的菜单选择而变化。
解决方案
您应该使用navigateByUrl
而不是常见的路由方法。让我给出一个示例代码
.html
<ul class="dropdown-menu">
<li (click)="goToPage('account')">My Account</li>
</ul>
.ts
goToPage(path)
{
console.log(data);
this.router.navigateByUrl(path)
}
希望这个对你有帮助
推荐阅读
- d3.js - 使用 pyinstaller 和 Matlab 引擎创建 .exe 文件
- android - 用于颤振和应用程序崩溃的 image_picker 插件
- javascript - 拖放 Java 脚本执行器返回未定义
- django - Django admin 设置来自外部服务的只读字段的值
- python - 谁能解释为什么 True, True == (True, True) 的输出是 (True, False)?
- python - 如何动态调整图形大小以适应 matplotlib 中固定大小的子图
- javascript - 如何使用 Vue-Router 在 Vue 中设置查询参数而不重新加载组件
- java - VSCode 弄乱了 Java 中的缩进
- sql-server - 在 SQL Server 上减去 1 年零 1 天
- python - Python - 使用字典 - 错误