Question

为什么我无法在角度项目中加载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 { }

Answer 1

根据您的代码判断，您可能错过了app.module.ts中导入数组中的NgbModule.forRoot()

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

安装Bootstrap npm install --save bootstrap@4.0.0-beta.2
将Bootstrap导入
- styles.css使用@import "~bootstrap/dist/css/bootstrap.min.css";或
- .angular-cli.json通过styles属性：
  
  "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

如何导入/加载ng-bootstrap到angular5项目？

1 个答案: