Qual é o parâmetro de leitura em @ViewChild para

Precisa de ajuda para entender o significado de {leia: ViewContainerRef} na declaração a seguir.

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

angular

— Pankaj Kapare
fonte

veja isto

— Ankit Singh

116

Pode haver várias instâncias de vários tipos associados à tag de elemento com a #mynamevariável de modelo.

Para cada elemento existe um ElementRefe ViewContainerRef(talvez outros de componentes ou diretivas aplicadas a essa tag).

Se o elemento for um componente, existe a instância do componente.

Também pode haver uma ou várias diretivas aplicadas ao elemento

Com {read: SomeType}você informa qual tipo deve ser retornado do elemento com a #mynamevariável de modelo.

Se você não fornecer o readparâmetro, @ViewChild()retorna o

ElementRef instância se não houver nenhum componente aplicado, ou o
instância do componente, se houver.
Se você deseja obter algo diferente, você precisa especificar explicitamente o uso read.

Veja também Como posso selecionar um elemento em um template de componente?

— Günter Zöchbauer
fonte

'talvez outros de componentes ou diretivas aplicadas a essa tag': como podemos obter a lista completa de tipos possíveis?

— Ghetolay

As diretivas e componentes listados em directives: [...]do componente atual ou PLATFORM_DITECTIVESonde um seletor corresponde. Você pode usar stackoverflow.com/questions/35233572/… para investigar um aplicativo em execução.

— Günter Zöchbauer

Isso só oferece suporte a tipos angulares associados a um nó. HTMLElementnão é um deles. ElementRefpermite acessar o HTMLElement usando `ElementRef.nativeElement.

— Günter Zöchbauer

Apenas tentando todos os tipos de coisas e investigando a fonte do Angular2.

— Günter Zöchbauer

Você não pode quando o elemento é um componente. Você só pode especificar o que deseja se usar@ViewChild(... read: ElementRef) ...

— Günter Zöchbauer