angular - 如何使用引导导航栏和下拉菜单(使用 Angular 7)？

Question

我试试这个，但是当我点击 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不要在场。

Answer 1

我在 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"
]