angular - 如何在 Angular 中使用 bootstrap 4 使用下拉菜单？

Question

我正在尝试在我的 Angular 应用程序中添加一个 bootstrap 4 下拉列表，但是当我单击下拉列表时它什么也没做。我没有在节点模块中使用任何 bootstrap.js 或 jquery.js。

标签： angularstyling

Answer 1

Bootsrap 模态组件有类似的问题。发现它ng-bootstrap丢失了，并且与我的 bootsrap 不同。尝试安装它：

1. 安装：npm install --save @ng-bootstrap/ng-bootstrap
2. 添加import { NgbModule } from '@ng-bootstrap/ng-bootstrap'到app.module.ts文件。
3. NgbModule在imports: []同一个文件中添加。

示例源文件如下所示：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms'; // for input data

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'
@NgModule({
  declarations: [
    AppComponent,
    TaskViewComponent,
    TaskCardComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    NgbModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }