Estou procurando uma lista abrangente dos seletores válidos que posso usar para acessar componentes filho / elementos DOM via@ViewChild e@ContentChild.

Diga que eu tenho um filhoHelloComponent:

Eu sei que posso adicionar um modelo#ref e consulta, da seguinte forma:

<hello #myHello></hello>

@ViewChild('myHello') myHello: HelloComponent;

Ou posso procurar diretamente esse componente (sem o modelo#ref):

@ViewChild(HelloComponent) myHello: HelloComponent;

Noesse problema, menciona-se que é possível usar os seguintes seletores:

No momento, oferecemos suporte a um subconjunto de seletores CSS:
* seletores de elemento
* seletores de atributos (incluindo valores)
*: não pseudo-seletor (...)
* combinação dos itens acima (incluindo,)

Mas quando eu testei isso no Stackblitz para verificar (aqui está o link para isso), Eu realmente não consegui que nenhum dos três primeiros funcionasse.(Verifique o console para verundefined para os tipos de seletores que não consegui trabalhar. Não tenho certeza se estou fazendo algo errado com esses seletores ou se a lista real é diferente.)

Então, quais seletores funcionarão? Além disso, a lista é a mesma para@ViewChild, @ContentChild, @ViewChildrene@ContentChildren?