Html 引导导航栏下拉菜单不工作。注销用户
我无法使下拉菜单正常工作。每当我点击Profile链接下拉并查看帐户和注销选项时,它就会将我从我的angular应用程序中注销Html 引导导航栏下拉菜单不工作。注销用户,html,jquery,css,angular,bootstrap-4,Html,Jquery,Css,Angular,Bootstrap 4,我无法使下拉菜单正常工作。每当我点击Profile链接下拉并查看帐户和注销选项时,它就会将我从我的angular应用程序中注销 <nav class="navbar navbar-expand-lg bg-dark navbar-fixed-top"> <a class="navbar-brand text-white" href="#">Brand</a> <b
<nav class="navbar navbar-expand-lg bg-dark navbar-fixed-top">
<a class="navbar-brand text-white" href="#">Brand</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link text-white" routerLink="/dashboard">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" routerLink="/dashboard">Documents</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Profile
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" routerLink="/account">Account</a>
<a class="dropdown-item" routerLink="/account" (click)="authService.SignOut()">Log Out</a>
</ul>
</li>
</ul>
</div>
</nav>
angular.json
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/bootstrap/dist/css/bootstrap.css",
"node_modules/font-awesome/css/font-awesome.css",
"src/custom.css"
],
"scripts": [
"./node_modules/jquery/dist/jquery.js",
"./node_modules/jquery/dist/jquery.min.js",
"./node_modules/popper.js/dist/umd/popper.js",
"./node_modules/popper.js/dist/umd/popper.min.js",
"./node_modules/bootstrap/dist/js/bootstrap.min.js",
"./node_modules/bootstrap/dist/js/bootstrap.js"
]
上面截取的代码是纯HTML和引导代码。我已经按照您提供的方式运行了它,并且它按照预期运行。下拉列表在和视图中都可用。您可能需要调整移动汉堡图标的颜色,因为它是不可见的,但在其他方面是功能性的。我已经包括了一些截图供您参考。
我最好的猜测是,您面临的问题与角度设置有关,而不是引导和HTML。感谢您的更正,Rory,这个代码段在这里可以工作,但我在导航组件HTML中也尝试了更正的代码,但它仍然会注销用户。我在控制台上看不到任何痕迹。这可能是因为authguard将用户抛出?问题已解决。老实说,我不确定是什么修复了它,但可能是我在style.css或angular.json中添加的序列的组合。谢谢大家
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/bootstrap/dist/css/bootstrap.css",
"node_modules/font-awesome/css/font-awesome.css",
"src/custom.css"
],
"scripts": [
"./node_modules/jquery/dist/jquery.js",
"./node_modules/jquery/dist/jquery.min.js",
"./node_modules/popper.js/dist/umd/popper.js",
"./node_modules/popper.js/dist/umd/popper.min.js",
"./node_modules/bootstrap/dist/js/bootstrap.min.js",
"./node_modules/bootstrap/dist/js/bootstrap.js"
]