我无法弄清楚这里发生了什么 - 我已经包含了我认为基于文档正确的 ngx-dropdown 代码:
home.component.html
<div class="btn-group" dropdown>
<button dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
Button dropdown <span class="caret"></span>
</button>
<ul *dropdownMenu class="dropdown-menu" role="menu">
<li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
<li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>
<li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>
<li class="divider dropdown-divider"></li>
<li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>
</li>
</ul>
</div>
app.module.ts
@NgModule({
imports: [
BsDropdownModule.forRoot(),
...
]
site.module.ts(这是包含 home 组件的模块)
@NgModule({
imports: [
BsDropdownModule,
我正在使用 angular-cli 并且我已经包含了引导样式:
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
在index.html中,我添加了一个片段,让浏览器知道我正在使用 bootstrap 4:
<script>window.__theme = 'bs4';</script>
<app-root>Loading . . .</app-root>
按钮出现,并且控制台中没有显示错误。当我单击按钮时,我可以看到 dom 发生了变化(“打开”和“显示”被添加到样式中)。但是按钮下方没有任何东西打开 - 没有显示菜单。
我不知道还能去哪里看