javascript - 单击管理面板侧菜单刷新页面而不是展开菜单项
问题描述
我在Angular 11 应用程序中使用的AdminLTE管理面板模板遇到了一个奇怪的问题。它全部加载菜单项。没问题。但是当单击一个项目时会刷新页面而不是扩展组。
这是它的外观
例如,当我单击 Data Reconciliation 时,它会再次重新加载页面。然后当我再次单击它时,它会展开组
这是标记
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<li class="nav-item menu-open">
<a href="#" class="nav-link active">
<i class="nav-icon fas fa-tachometer-alt"></i>
<p>
Dashboard
<i class="right fas fa-angle-left"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-copy"></i>
<p>
Data Reconciliation
<i class="fas fa-angle-left right"></i>
<span class="badge badge-info right">6</span>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="pages/layout/top-nav.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Top Navigation</p>
</a>
</li>
<li class="nav-item">
<a href="pages/layout/top-nav.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Top Navigation</p>
</a>
</li>
</ul>
</li>
<li class="nav-header">Reports</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fas fa-copy"></i>
<p>
Layout Options
<i class="fas fa-angle-left right"></i>
<span class="badge badge-info right">6</span>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="pages/layout/top-nav.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Top Navigation</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="./index3.html" class="nav-link">
<i class="far fa-circle nav-icon"></i>
<p>Dashboard v3</p>
</a>
</li>
</ul>
</li>
</ul>
</nav>
可能是什么原因?这个问题与 Angular 有什么关系吗?
解决方案
全部替换
href="#"
经过
[routerLink]=""
这应该有效。
推荐阅读
- python - 检查 tf.Tensor 是否可变
- python - 获取模拟对象的“名称”(使用内置方法)
- python - 不明白这个意外的缩进错误
- python-3.x - 分支对话 - 如何继续
- python - 如何删除给定索引集的列表元素?
- wso2 - WSO2 配置(IS 应用程序保护 APIM 端点)
- c# - System.Data.SqlClient.SqlException:''userX' 附近的语法不正确
- c++ - 如何使用可执行文件将我的 C++ 代码合并到我的 Xcode 项目中?
- haskell - 我什么时候应该通过类型类或其他方式定义多态函数?
- sql - 如何使用 SQL 选择多个值