AngularJS 2 - あるモジュールで定義されたコンポーネントを別のモジュールに組み込む方法

Question

appの下に2つのモジュールを作成しました。

APP/utilの - util.module.ts

APP /ポストに定義したスピナー成分 - サーバから収集記事を表示するためのホームページを持っています。このコンポーネントでは、サーバーから詳細を取得するときにスピンコンポーネントを表示します。

以下のエラーが発生します。

未処理プロミス拒絶：テンプレートは、エラーを解析： 「スピナー」は既知の要素ではない：

1. 「スピナー」が角度成分である場合、それは、このモジュールの一部であることを確認してください。

2. 'スピナー'がWebコンポーネントの場合は、このコンポーネントの '@ NgModule.schemas'に「CUSTOM_ELEMENTS_SCHEMA」を追加して、このメッセージを表示しないようにします。 （ "[ERROR - >]"）：PostsMainComponent @ 0：0;ゾーン： ;タスク：Promise.then;値：エラー：テンプレートの解析エラー：（...）エラー：テンプレートの解析エラー： 'スピナー' ではない知られている要素です：

_は

あなたがで utilsモジュールをインポートする必要が

app/util/util.module.ts 
------------------------ 
import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { SpinnerComponent } from './spinner.component'; 
import { UnsavedGuard } from './unsaveguard'; 

@NgModule({ 
    imports:  [ CommonModule ], 
    declarations:[ SpinnerComponent ], 
    exports:  [ SpinnerComponent ], // already defined exports. 
    providers: [ UnsavedGuard ] 
}) 
export class UtilModule { 
} 

Answer 1

appモジュール（postモジュールでない場合）をimportsセクションに追加します。

Answer 2

2つのモジュールでコンポーネントを宣言することはできません。むしろ、あなたの投稿モジュール内にutilsモジュールをインポートする必要があります。

@NgModule({ 
    imports:  [ UtilModule ] // ... and the rest 
}) 
export class PostsModule { 
}