Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Що таке «view» і «content» у контексті компонентів Angular?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

В Angular «view» і «content» стосуються різних частин компонента та його вмісту:

## View і Content

1. **View (вигляд компонента)**
  - Це **шаблон компонента** і всі елементи, оголошені всередині нього.
  - Angular керує цим DOM напряму через механізм **View**.
  - Приклад: усі елементи всередині `template` чи `templateUrl` компонента - це його **view**.
2. **Content (проєкція вмісту, content projection)**
  - Це **зовнішній вміст**, який розміщується в компоненті за допомогою `<ng-content>`.
  - Батьківський компонент передає всередину дочірнього компонента елементи, які не були оголошені в його шаблоні.
  - Angular керує цим DOM окремо через **Content**.

Приклад:

```html

<app-child>
  <p>Це content, переданий усередину</p>
</app-child>

@Component({
  selector: 'app-child',
  template: `
    <h2>Це view компонента</h2>
    <ng-content></ng-content>
  `
})
export class ChildComponent {}
```

> Підсумок: **view** - це шаблон компонента, **content** - елементи, які передав батьківський компонент. Angular розрізняє їх для керування життєвим циклом і change detection.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати147 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.