Skip to main content

Як зробити директиву загальнодоступною (shared)?

AngularJunior~1 хв читання

Кроки, щоб зробити директиву загальнодоступною (shared)

Створити SharedModule

Створіть модуль, який зберігатиме спільні компоненти, директиви та пайпи.

typescript

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HighlightDirective } from './highlight.directive';

@NgModule({
  declarations: [HighlightDirective],
  imports: [CommonModule],
  exports: [HighlightDirective]  // робимо директиву доступною для інших модулів
})
export class SharedModule {}

Додати директиву в declarations

Усі директиви, які ви хочете використовувати, мають бути оголошені в declarations модуля.

Експортувати директиву через exports

Це робить її доступною для інших модулів, які імпортують SharedModule.

Імпортувати SharedModule у потрібні модулі

typescript

import { SharedModule } from './shared/shared.module';

@NgModule({
  imports: [SharedModule]
})
export class FeatureModule {}

Висновок: загальнодоступна директива зберігається в модулі, який експортує її, і стає доступною для всіх модулів, які імпортують цей shared-модуль.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.