Angular. ViewChild, ViewChildren, ContentChild и ContentChildren

Опубликовано в Angular • 13 февраля 2019 г. • 1 мин. на чтение

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

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

viewchildren-viewchild-contentchildren-and-contentchild

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

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

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

Похожие записи

Angular. Enum values in template

Записать enum в свойство компонента и использовать это свойство.

Переиспользуемые анимации в Angular

Для создания анимации используется функция animation(). Для её использования — useAnimation(). Приводится пример переиспользуемой анимации, а также создание анимации через литерал объекта.

Angular & MVVM

Model - just file like user.class.ts
View - HTML template of component
ViewModel - Typescript part of a component

/{mainId}
/{mainId}/{secondaryId}

Использования URL Matcher для ручного определения сегментов

Angular. ViewChild, ViewChildren, ContentChild и ContentChildren

Похожие записи

Angular. Enum values in template

Переиспользуемые анимации в Angular

Angular & MVVM

RxJS. Простой кэш HTTP запроса с параметром

Angular. Способы отписываться от Observable

Angular. Маршрут c 2 опциональными параметрами