我试试这个,但是当我点击 Dropdown link
nemu 时,什么也没有发生。
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" routerLink="dashboard">dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="calendar">calendar</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="manager">manager</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbardrop" data-toggle="dropdown">
Dropdown link
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Link 1</a>
<a class="dropdown-item" href="#">Link 2</a>
<a class="dropdown-item" href="#">Link 3</a>
</div>
</li>
</ul>
<!--ul class="navbar-nav navbar-right">
</ul-->
</div>
</nav>
编辑:
我使用 https://ng-bootstrap.github.io/#/components/datepicker/overview和 navbar不要在场。
最佳答案
我在 ng-bootstrap 中找到了navbar 的文档不存在。所以我添加了 jQuery,它可以工作了。
npm install bootstrap --save
npm install jquery --save
并将其添加到 angular.json (Angular 7) 中:
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/bootstrap/dist/js/bootstrap.js"
]
关于angular - 如何使用引导导航栏和下拉菜单(使用 Angular 7)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54185807/