我想在我的下拉列表中使用ng-bootstrap,但它不起作用。我在app.module.ts中导入了NgbModule。我在下面附上了图片。
<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
有机商店
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" routerLink="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/shopping-cart">Shopping Cart</a>
</li>
<li ngbDropDown class="nav-item dropdown">
<a ngbDropdownToggle class="nav-link dropdown-toggle" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Username</a>
<div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdown01">
<a class="dropdown-item" routerLink="/my/orders">My Orders</a>
<a class="dropdown-item" routerLink="/admin/orders">Manage Orders</a>
<a class="dropdown-item" routerLink="/admin/products">Manage Products</a>
<a class="dropdown-item" routerLink="">Log Out</a>
</div>
</li>
答案 0 :(得分:1)
在您的模块中,以root用户身份添加ngbmodule,并将其添加到提供者。
import { NgbModule, NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
imports: [
NgbModule.forRoot(),
],
providers: [NgbActiveModal],