CustomModuleのコンポーネントは、AppModuleのトップレベル宣言を無視します

Question

このページで長い検索の後、私はまだ失われています。

私はAppModuleとModalModuleを持っています。 AppModuleはAppModuleは、このデコレータでLoaderComponentを宣言ModalModule

をインポートしている属性：

selector: 'my-loader', template: '<div>...</div><ng-content></ng-content>' 

ModalModuleはModalComponentを宣言します。

<my-loader><h3>Loading...</h3><p>Just information text.</p></my-loader> 

そして、これは動作しません：私はLoaderComponentを使用したいModalComponentのテンプレート内

！

'my-loader' is not a known element: 
1. If 'my-loader' is an Angular component, then verify that it is part of this module. 
2. If 'my-loader' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 

私はModalModuleにCUSTOM_ELEMENTS_SCHEMAを追加した場合、それだけの要素を無視し、DOMは次のようになります。

<my-loader> 
    <h3>Loading...</h3> 
    <p>Just information text.</p> 
</my-loader> 

しかし、私はそれが、角度によってレンダリングされるようにしたいと、このようになります。

<my-loader> 
    <div>...</div> <!-- should be coming from LoaderComponent template --> 
    <h3>Loading...</h3> 
    <p>Just information text.</p> 
</my-loader> 

誰かがアイデアを持っていますか？

Answer 1

SharedComponentのクリーンアップと使用が助けになりました！

Angular2 How to clean up the AppModule

唯一の違いは、私は、SharedModuleの輸入にCommonModuleとFormsModuleを追加しなければなりませんでした！