Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як зробити директиву загальнодоступною (shared)?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Щоб зробити директиву загальнодоступною (shared) в Angular, потрібно виконати такі кроки: 1. **Створити 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 {} ``` 2. **Додати директиву в** `declarations` - Усі директиви, які ви хочете використовувати, мають бути оголошені в `declarations` модуля. 3. **Експортувати директиву через** `exports` - Це робить її доступною для інших модулів, які імпортують `SharedModule`. 4. **Імпортувати SharedModule у потрібні модулі** ```typescript import { SharedModule } from './shared/shared.module'; @NgModule({ imports: [SharedModule] }) export class FeatureModule {} ```Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення## Кроки, щоб зробити директиву загальнодоступною (shared) 1. **Створити 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 {} ``` 2. **Додати директиву в** `declarations` - Усі директиви, які ви хочете використовувати, мають бути оголошені в `declarations` модуля. 3. **Експортувати директиву через** `exports` - Це робить її доступною для інших модулів, які імпортують `SharedModule`. 4. **Імпортувати SharedModule у потрібні модулі** ```typescript import { SharedModule } from './shared/shared.module'; @NgModule({ imports: [SharedModule] }) export class FeatureModule {} ``` > Висновок: загальнодоступна директива зберігається в модулі, який **експортує її**, і стає доступною для всіх модулів, які імпортують цей shared-модуль.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.