ng-bootstrap 不工作（angular2）

Question

我正在尝试使用 ng-bootstrap 在我的 Angular2 项目中使用 bootstrap。

按照他们的指示，我添加了 bootstrap css 文件，在我的 systemJS 配置中映射了 @ng-bootstrap，安装了 ng-bootstrap 并添加了他们的 main模块到我的根模块：

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

import { NgbModule }            from '@ng-bootstrap/ng-bootstrap';
import { AppComponent }         from './app.component';
import { HeaderComponent }      from './header/header.component';
import { AppRoutingModule }     from './app-routing.module';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    NgbModule.forRoot()
  ],
  declarations: [
    AppComponent,
    HeaderComponent
  ],
  providers: [ HeroService ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

但是当我尝试创建一个简单的留言板模板时，它并没有按预期工作。当我将 Ngb 模块排除在外时，似乎没有任何变化。

奇怪的是，当我从 bootstrap 4 css 更改为 bootstrap 3.3.6 css 时，更多的东西按预期工作，但简单的事情比如文本区域仍然没有样式。

我是不是在安装 ng-bootstrap 的过程中做错了什么？欢迎任何帮助。

更新

这是我正在使用的标记和我的输出示例：http://plnkr.co/edit/A9DySwR3PBNJShRFi27Q?p=preview

虽然这是我使用相同代码在 angular-1 项目上实现的结果： http://prnt.sc/db9azv

Answer 1

您的问题似乎并非针对 https://ng-bootstrap.github.io 项目，而是针对 Bootstrap 的 4 CSS。根据您的示例，我认为您的 CSS class 名称中有一个拼写错误 - 它应该是 form-control 而 而不是 form control.

这是一个正在工作的插件：http://plnkr.co/edit/hfvCwMistZdIWUlOAthM?p=preview

ng-bootstrap 不工作（angular2）

ng-bootstrap not working (angular2)

twitter-bootstrap

ng-bootstrap

angular