2016-09-01 7 views
5

を持っている:2角度 - まだ宣言ディレクティブはまだ<code>RootModule</code>でエラー

モジュールA内のコンポーネントテンプレートの一
@NgModule({ 
    imports: [ 
     ModuleA 
    ], 
    declarations: [ 
     ScrollToWhen 
    ], 
    bootstrap: [BootComponent], 
}) 
class RootModule {} 

、私はScrollToWhenを使用しますが、私はエラーだ:Can't bind to 'scrollToWhen' since it isn't a known property of 'div'を。

なぜですか?

Error: Unexpected directive 'HbClass' imported by the module 'Module'

+0

、ディレクティブの外観のコードのように何をしますか、 ... –

+0

スクリーンショットの代わりにコードを通過する方が良いでしょう。 'HbClass'、' Default'、 'Asset'、' Photon'モジュールはありますか?あなたは 'モジュール'の 'RootModule'と' imports'の '宣言'にあります。 'imports'はモジュール用、'宣言 'はディレクティブ用、コンポーネント用、パイプ用です。 –

+0

私は 'MyAppCommonModule'を作成し、一般的に使用されているディレクティブとパイプを宣言し、必要なときにいつでもモジュールにインポートする必要があります。 – tom10271

答えて

9

どちらかModuleAの宣言にScrollToWhenを追加したり、あなたがそこにそれを利用できるようにするModuleAimports: [...]に追加できるモジュールに移動します。

コンポーネント/指令はモジュールdeclarations: [...]にのみリストされています。次に、このコンポーネント/ディレクティブを使用するすべての場所でこのモジュールをインポートします。ディレクティブとパイプを宣言するために使用されるモジュールについては

は、あなたのようexportsでそれらを設定する必要があります。uはディレクティブを使用してくださいどのように、我々はより多くの情報が必要

@NgModule({ 
    declarations: [ 
     myDirectives 
    ], 
    exports: [ 
     myDirectives 
    ] 
}) 
+0

私が追加していない設定を指摘してくれてありがとう。しかし、モジュールAに 'import' configを追加した後、私は次のようになりました:' Error:予期せぬディレクティブ 'MyDirective'が 'Module'モジュールによってインポートされました – tom10271

+0

あなたは 'import'をどこに追加しましたか?あなたは今あなたが持っているものを示すためにあなたの質問を更新してもよろしいですか? –

+0

私はスクリーンショットを埋め込んでいます – tom10271

関連する問題