Angular. ViewChild, ViewChildren, ContentChild и ContentChildren
Angular предоставляет 4 декоратора свойств @ViewChildren
, @ViewChild
, @ContentChildren
и @ContentChild
для доступа к дочерним элементам:
@ViewChild
- querySelector@ViewChildren
- querySelectorAll@ContentChild
- querySelector внутри<ng-content>
@ContentChildren
- querySelectorAll внутри<ng-content>
<todo-input>
и<todo-item>
рассматривается как ViewChildren<todo-app>
<app-footer>
(если он определен как Angular компонент или директива) рассматривается как ContentChild.
- ViewChild и ViewChildren доступны в хуке ngAfterViewInit
- ContentChild и ContentChildren доступны в хуке ngAfterContentInit