Angular2-директива не работает, если она не объявлена в том же модуле


У меня есть директива, и я хочу использовать ее в нескольких модулях. Объявление его на каждом модуле приводит к ошибке. Таким образом, я попытался объявить его в общем модуле и импортировать этот общий модуль в другие модули. Однако это не сработало. Он работает только тогда, когда он объявлен точно в собственном модуле компонента.

Вот мой 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:

export class MyComponent implements OnInit, AfterViewInit {

  @ViewChild(ModalDirective) modal: ModalDirective;

  ...
}

modal в MyComponent есть undefined (даже в ngAfterViewInit), если ModalDirective не объявлено в MyModule. Кто-нибудь знает, как это исправить?

1 7

1 ответ:

В вашем SharedModule вам нужно export в ModalDirective

...

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

Смотрите docs на общих модулях для получения дополнительной информации