💉 Кадр №2: Как выбрать компонент или директиву в шаблоне Angular

Вступление

Существует множество случаев использования, когда вам нужно получить ссылку на компонент или директиву в шаблоне Angular, чтобы изменить свойства объекта или вызвать его API.

Предположим, у нас есть директива и компонент, к которому применяется директива:

Шаг 1. Используйте @ViewChild для выбора экземпляра директивы

Используя волшебство декоратора свойств @ViewChild, мы можем попросить Angular вставить ссылку на MyDirective в свойство по нашему выбору:

Шаг 2. Используйте ссылку

Ссылка будет доступна в ловушке ngAfterViewInit, так как нам нужно дождаться, пока шаблон будет фактически отрисован, чтобы получить ссылку.

Выстрелил

И вот последний снимок, готовый для инъекции:

Полезные ссылки

1. Декоратор свойств @ViewChild

Похожие снимки

1. Как выбрать элемент в шаблоне Angular