Question

我的角度2应用程序中有两个模块，它是使用Angular-Cli创建的。（版本1.0.0-beta.28.3）软件包安装在＆nbsp; npm install ng2-bootstrap @ latest bootstrap @ latest --save＆＃39; （不确定我是否错过了什么） ng2-bootstrap和bootstrap包是最新版本。当我在app.module.ts中导入ng2-directive时，一切正常。但是，我尝试在嵌套模块中使用它，什么都没有出现。

显然说：

import { InModule } from './in.module';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AccordionModule } from 'ng2-bootstrap';

import { AppComponent } from './app.component';
import { CompComponent } from './comp/comp.component';

    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,
        InModule,
        HttpModule,
        AccordionModule.forRoot()
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

我可以在appcomponent上使用手风琴。但是，当我尝试在CompComponent中使用它时：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AlertModule } from 'ng2-bootstrap';

import { CompComponent } from './comp/comp.component';

@NgModule({
  declarations: [
      CompComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AlertModule.forRoot() // or just AlertModule
  ],
  providers: [],
  bootstrap: []
})
export class InModule { }

我有白屏。

我不确定这是一个问题还是我的错误。

Answer 1

您是否已将bootstrap css添加到angular-cli.json中。你仍然需要加载CSS

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],

ng2-bootstrap模块问题

1 个答案: