Angular. ViewChild, ViewChildren, ContentChild и ContentChildren

Angular предоставляет 4 декоратора свойств @ViewChildren, @ViewChild, @ContentChildren и @ContentChild для доступа к дочерним элементам:

• @ViewChild - querySelector
• @ViewChildren - querySelectorAll
• @ContentChild - querySelector внутри <ng-content>
• @ContentChildren - querySelectorAll внутри <ng-content>

1. <todo-input> и <todo-item> рассматривается как ViewChildren <todo-app>
2. <app-footer> (если он определен как Angular компонент или директива) рассматривается как ContentChild.

• ViewChild и ViewChildren доступны в хуке ngAfterViewInit
• ContentChild и ContentChildren доступны в хуке ngAfterContentInit

• Understanding @ViewChildren, @ViewChild, @ContentChildren and @ContentChild