我在bootstrap 4 navbar语法上设置路由器链接时遇到问题。显然他们需要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 latest将样式和脚本导入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"
]
答案 0 :(得分:0)
您可以在root css文件中导入样式 @import&#34; ~bootstrap / dist / css / bootstrap.css&#34 ;;
尽量避免使用bootstrap.js,因为这是基于jquery构建的。 Angular提供了一个使用bootstrap.js的包,你可以使用它。 访问https://ng-bootstrap.github.io/#/getting-started以了解如何使用Angular bootstrap模块。
快乐的编码, 干杯