Angular2 - 同じモジュールで宣言されていないときにディレクティブが動作しない

Question

ディレクティブがあり、複数のモジュールで使用したい。各モジュールでそれを宣言すると、エラーが発生します。したがって、私はそれを共有モジュールで宣言し、この共有モジュールを他のモジュールにインポートしようとしました。しかし、それは動作しませんでした。これは、コンポーネントのモジュールで正確に宣言されている場合にのみ機能します。ここで

は私SharedModuleです：

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 

import { GeneralDataService } from './general-data.service'; 
import {ModalDirective} from '../directives/modal.directive'; 

    @NgModule({ 
     imports: [ 
     CommonModule 
     ], 
     providers: [GeneralDataService], 
     declarations: [ModalDirective] 
    }) 
    export class SharedModule { } 

そして、私はModalDirectiveを使用するモジュール：

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { MyComponent } from './patient.component'; 
import {SharedModule} from '../shared/shared.module'; 
@NgModule({ 
    imports: [ 
    CommonModule, 
    SharedModule 
    ], 
    providers: [ ], 
    declarations: [ MyComponent ] 
}) 
export class MyModule { } 

MyComponentコンポーネントで：MyComponentで

export class MyComponent implements OnInit, AfterViewInit { 

    @ViewChild(ModalDirective) modal: ModalDirective; 

    ... 
} 

modalですたとえModalDirectiveがMyModuleに宣言されていない場合は、（ngAfterViewInitでも）です。誰でもこれを修正する方法を知っていますか？あなたのSharedModuleあなたがModalDirective

... 

@NgModule{(
    ... 
    exports: [ModalDirective] 
)} 
export class SharedModule { ... } 

をexportする必要がで

Answer 1

が働い詳細