我在使用 bootstrap 4 导航栏语法设置我的路由器链接时遇到了问题。显然他们需要 href 属性才能点击它们。有什么方法可以启用它们吗?
<div class="collapse navbar-collapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" routerLink="/dashboard" routerLinkActive="active">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/charts" routerLinkActive="active">Charts</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/map" routerLinkActive="active">Map</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/about" routerLinkActive="active">about</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/contact" routerLinkActive="active">Contact</a>
</li>
</ul>
</div>
我已经使用最新的 angular CLI 将样式和脚本导入到 angular.json 中。
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/font-awesome/css/font-awesome.css",
"src/styles.scss"
],
"scripts": [
"node_modules/jquery/dist/jquery.slim.js",
"node_modules/popper.js/dist/umd/popper.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
最佳答案
您可以尝试运行 Angular 元素。
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"../node_modules/font-awesome/css/font-awesome.css",
"src/styles.scss"
],
"scripts": [
"../node_modules/jquery/dist/jquery.slim.js",
"../node_modules/popper.js/dist/umd/popper.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
]
关于javascript - Bootstrap 4 导航栏不适用于 Angular 路由器链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50242160/