Angular-ngbDropdownMenu项目不可见，但您可以看到它们存在

Question

[嗨，我正在做一个学校项目。并且只想有一个下拉菜单。这显然比我想的要难。

        <div class="parrent">
        <div class="row">
            <div class="col">
                <div ngbDropdown class="d-inline-block" >
                    <button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle>Toggle dropdown</button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenu1" ngbDropdownMenu >
                            <button class="dropdown-item" title="This is a test">Action - 1</button>
                            <button class="dropdown-item">Another Action</button>
                            <button class="dropdown-item">Something else is here</button>
                        </div>
                </div>
            </div>
        </div>
    </div>

按钮本身应显示，但是当我单击它时，列表不可见

我在按钮上添加了一个标题，以查看它是否确实存在，并且如您在图片上所看到的，它在那里。但根本看不见。如果添加其他任何项目（例如标签），也是如此。

这是我的app.module.ts：

@NgModule({
  declarations: [
AppComponent,
HomeComponent,
LoginFormComponent,
RegisterFormComponent,
TeamListComponent,
TeamMemberPendingApprovalsComponent,
EnrollParticipantComponent
],
  imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
AppRoutingModule,
MatSelectModule,
MatInputModule,
BrowserAnimationsModule,
MDBBootstrapModule.forRoot(),
NgbModule
],
providers: [],
bootstrap: [AppComponent],

})

我不知道有什么问题。我遵循了所有步骤，甚至清除了所有.css文件，以免产生任何影响。

BootStrap（styles.scss）：

/* Importing Bootstrap SCSS file. */
@import '~bootstrap/scss/bootstrap';

Answer 1

查看此答案。此代码是否在单独的模块中？在这种情况下，NgbModule也需要导入到那里。