Доступ к нескольким просмотрщикам с помощью @viewchild

Я создал пользовательский компонент, который я поместил в цикл for, например

<div *ngFor="let view of views">

     <customcomponent></customcomponent>

</div>

Результат которого будет:

<customcomponent></customcomponent>
<customcomponent></customcomponent>
<customcomponent></customcomponent>

Я хотел бы знать, как получить ссылку на эти компоненты, используя синтаксис @viewchild или любым другим способом, если количество этих компонентов может варьироваться

когда компоненту можно дать имя, например,

<customcomponent #compID></customcomponent>

Затем я могу ссылаться на него следующим образом:

@ViewChild('compID') test: CustomComponent

Как я могу ссылаться на него, если это не так, например, возможно, с использованием индекса?

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

Ответы

<div *ngFor="let v of views">
    <customcomponent #cmp></customcomponent>
</div>

import { ViewChildren, QueryList } from '@angular/core';

/** Get handle on cmp tags in the template */
@ViewChildren('cmp') components:QueryList<CustomComponent>;

ngAfterViewInit(){
    // print array of CustomComponent objects
    console.log(this.components.toArray());
}