2016-12-26 6 views
1

が問題であるAngular2とNg2Bootstrap問題:私は実際にそこに利用できるNG2-ブートストラップ例をしようとしている</p> <p>:ここComponentLoaderFactory

http://valorkin.github.io/ng2-bootstrap/#/

私は、あるコピー/ペーストの例では、何angular2プロジェクトは、私がsystem.jsを使用して、作成された、私の実際のsystem.jsの設定は次のようになります。私は実際にこれらのexampを試してみました

System.config({ 
    defaultJSExtensions: true, 
    map: { 
     '@angular/core': '../node_modules/@angular/core/bundles/core.umd.js', 
     //... 
    } 
}); 
System.import('main'); 

レ何の問題もなく:これらの例のいずれについても

CAROUSEL 
COLLAPSE 
DROPDOWNS 

、私はapp.moduleの輸入の一部でそれらを宣言するとき、私はforRoot()関数を使用して行います。

..., DatepickerModule.forRoot(), CarouselModule.forRoot(), ... 

しかし、私は「日付ピッカー」の例をコピー/ペーストしようとしたとき、私はこの問題を得る:

EXCEPTION: Error in templates/datepicker-demo.component.html:24:6 caused by: No provider for ComponentLoaderFactory! 

これは、「日付ピッカー」タグが開かれたラインです。

'ng2-bootstrap/component-loader': '../node_modules/ng2-bootstrap/component-loader/index.js' 

とアプリモジュールの「プロバイダ」セクションにそれを宣言: は、だから私は、その後試したものを、このようなsystemJsマップに「コンポーネント・ローダー」を宣言することです。しかし、これで何も解決されません。これは、見つけられないpositioning.jsに関する新しいエラーにつながります...

この「コンポーネントローダー」クラスとはどのようなものですか? /あなたのapp.moduleで

答えて

0

を助ける読み取るため

ありがとう:

あなたが動的にブートストラップのコンポーネントをロードしているので、あなたは、あなたのモジュールファイル内@NgModule()entryComponentフィールドを必要としています。以下に示すように entryComponents配列内のブートストラップのコンポーネントを追加します。

@NgModule({ 
declaration: [], 
imports: [], 
    entryComponents: [DatePickerComponent, ModalComponent,..] 
}) 
+0

だから、私はforRoot()関数でインポート部分に私のモジュールを宣言し続ける、と私はコンポーネントとentryComponentsパーツを追加!実際には私はそれらを "宣言"配列で宣言しました... – Julo0sS

+0

"宣言配列"と "entryComponents"配列でそれらを宣言しなければなりません。また、DatepickerModule.forRoot()、CarouselModule.forRoot()inimports配列の代わりにNgbModule.forRoot()だけを宣言する必要があります。また、 '@ ng-bootstrap/ng-bootstrap'から{NgbModule}をインポートしてください。 – saurav1405

+0

問題を解決しましたか? – Jocket

関連する問題

 関連する問題