ng2-bootstrapモジュールの問題

Question

Angular-Cliで作成した角度2のアプリケーションに2つのモジュールがあります。 （バージョン1.0.0-beta.28.3） パッケージは「npm install ng2-bootstrap @ latest bootstrap @ latest -save」によってインストールされます（何かが見逃されているかわかりません） 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

あなたのangle-cli.jsonにブートストラップCSSを追加しましたか？あなたはまだCSSをロードする必要があります

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