2017-04-01 10 views
0

私はangular2とng2-bootstrapを使用しています。私module.tsでng2-bootstrapは、angle2にalert、datepickerを登録できません。

、私は私のコンポーネントテンプレートでこの

import { Ng2BootstrapModule, AlertModule } from 'ng2-bootstrap'; 
imports:  [ BrowserModule, 
    ..., 
    Ng2BootstrapModule.forRoot(), 
    AlertModule.forRoot(), 
    ... ] 

のように宣言している私はこのように宣言している:

テストアラート

マイsystemjs.config.js:

map:{ 
    ..., 
    'moment': 'npm:moment', 
    'ng2-bootstrap': 'npm:ng2-bootstrap', 
    ... 
}, 
packages: { 
    ..., 
    'moment': { main: 'moment.js', defaultExtension: 'js' }, 
    'ng2-bootstrap': { format: 'cjs', main: 'bundles/ng2-bootstrap.umd.js', defaultExtension: 'js' }, 
    ... 
} 

このエラーが発生しました:

Unhandled Promise rejection: Template parse errors: 
'alert' is not a known element: 
1. If 'alert' is an Angular component, then verify that it is part of this module. 
2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. 

私の行方不明です。それについて私を助けてください。私は解決策を見つけるのに数時間を費やしましたが、できませんでした。

ありがとうございます。

+0

宣言されNG2-ブートストラップから来Ng2BootstrapModule必要ですin module.ts –

答えて

0

あなたは日付ピッカーと、アラートが必要な場合は、それらをインポートしてください

import { DatepickerModule, AlertModule } from 'ng2-bootstrap'; 
imports:  [ BrowserModule, 
    ..., 
    DatepickerModule.forRoot(), 
    AlertModule.forRoot(), 

どうなるか: 角度は、対応するサブモジュールで レンダリングするために使用されるモジュールのインポートが

+0

最後に私は自分自身を解決する。私は 'AppModule.ts'がメインで' QuestionTagModule.ts'がサブモジュールです。私は、サブモジュールファイルにインポートAlertModuleがありませんでした。私は 'Ng2BootstrapModule.forRoot()'のみをメインモジュールにインポートします。 これは私のばかげたことです。とにかくありがとうございました。 –

+0

私は対応するサブモジュールでこれを言い換える必要があると思われる – valorkin

+0

私はあなたを理解できず、同じ問題があります。ですから、私はappmoduleで 'AlertModule.forRoot()'をインポートし、使用したいコンポーネントのモジュールで 'AlertModule.forRoot()'と同じ文字列をインポートする必要がありますか?なぜ2回ですか? forRoot()の場合は親appmoduleでインポートするだけでOKです。 –

関連する問題