Какой параметр чтения в @ViewChild для

Нужна помощь, чтобы понять значение {read: ViewContainerRef} в следующем заявлении.

@ViewChild('myname', {read: ViewContainerRef}) target;

angular

— Панкадж Капаре
источник

увидеть это

— Анкит Сингх

119

Может быть несколько экземпляров различных типов, связанных с тегом элемента с #mynameпеременной шаблона.

Для каждого элемента есть ElementRefи ViewContainerRef(возможно, другие из компонентов или директив, примененных к этому тегу).

Если элемент является компонентом, то существует экземпляр компонента.

К элементу также может применяться одна или несколько директив.

С {read: SomeType}помощью #mynameпеременной шаблона вы указываете, какой тип должен быть возвращен из элемента .

Если вы не предоставили readпараметр, @ViewChild()возвращает

ElementRef экземпляр, если компонент не применяется, или
экземпляр компонента, если есть.
Если вы хотите получить что-то другое, вам нужно явно указать using read.

См. Также Как выбрать элемент в шаблоне компонента?

— Гюнтер Цёхбауэр
источник

«возможно, другие из компонентов или директив, примененных к этому тегу»: как мы можем получить полный список возможных типов?

— Ghetolay

Директивы и компоненты, перечисленные в directives: [...]текущем компоненте или в том, PLATFORM_DITECTIVESгде совпадают селекторы. Вы можете использовать stackoverflow.com/questions/35233572/… для исследования работающего приложения.

— Günter Zöchbauer

Это поддерживает только типы Angular, связанные с узлом. HTMLElementне один из них. ElementRefпозволяет получить доступ к HTMLElement с помощью ElementRef.nativeElement.

— Günter Zöchbauer

Просто пробую все и исследую исходники Angular2.

— Günter Zöchbauer

Вы не можете, когда элемент является компонентом. Вы можете указать только то, что хотите, если используете@ViewChild(... read: ElementRef) ...

— Günter Zöchbauer