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

问题描述

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

解决方法

Bootsrap Modal Component存在类似问题。发现ng-bootstrap丢失了，与我的靴套不同。尝试安装它：

intsall：npm install --save @ng-bootstrap/ng-bootstrap
将import { NgbModule } from '@ng-bootstrap/ng-bootstrap'添加到app.module.ts文件中。
在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 { }

angular styling