Skip to main content

Що таке «view» і «content» у контексті компонентів Angular?

AngularJunior~1 хв читання
Запропонувати правку

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

View і Content

  1. View (вигляд компонента)
  • Це шаблон компонента і всі елементи, оголошені всередині нього.
  • Angular керує цим DOM напряму через механізм View.
  • Приклад: усі елементи всередині template чи templateUrl компонента - це його view.
  1. 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.

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

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

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

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