如何将 ng-bootstrap 导入/加载到 angular5 项目？ [复制]答案

【问题标题】：How to import/load ng-bootstrap to angular5 project? [duplicate]如何将 ng-bootstrap 导入/加载到 angular5 项目？ [复制]
【发布时间】：2017-12-23 22:24:47
【问题描述】：

为什么我不能在我的 Angular 项目中加载 ng-bootstrap ？有人有同样的经历吗？

提前谢谢你

这是 app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';
import { NavbarComponent } from './navbar/navbar.component';
import { FooterComponent } from './footer/footer.component';


@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent,
    FooterComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgbModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

【问题讨论】：

从你附上的图片看，你可以安装它，你的版本和这里一样：ng-bootstrap.github.io/#/home，所以你必须澄清你的问题，否则你会得到太多否决票
安装完成后，我尝试编写代码，然后引导程序无法显示。
你必须包含你的代码，你有错误，人们无法弄清楚你有什么。
好的，我重新上传图片是我的问题
您必须包含源代码，而不是图像。查看本网站提出的其他问题。

标签： javascript angular typescript angular-ui-bootstrap bootstrap-4

【解决方案1】：

从您的代码来看，您可能错过了 app.module.ts 中导入数组中的NgbModule.forRoot()

为了让 ng-bootstrap 在 Angular 中工作，你必须做以下事情：

安装引导程序npm install --save bootstrap@4.0.0-beta.2
将 Bootstrap 导入其中一个
- styles.css 使用@import "~bootstrap/dist/css/bootstrap.min.css";，或
- .angular-cli.json 通过样式属性：
  
  "styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ],
安装 ng-bootstrap npm install --save @ng-bootstrap/ng-bootstrap
将 ng-boostrap 模块导入 app.module.ts：

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({ declarations: [AppComponent, ...], imports: [NgbModule.forRoot(), ...], bootstrap: [AppComponent] }) export class AppModule { }

安装过程在ng-boostrap's Getting Started Page中有详细记录

【讨论】：