angular_accessing_child_component.ts

@Component({
  selector: 'accessing-template-reference',
  template: `
    <div>
      <user-details [userId]="firstUser"></user-details>
      <user-details [userId]="secondUser"></user-details>
      <user-details [userId]="thirdUser"></user-details>
    </div>
  `
})
export class HeroListComponent implements OnInit {
  @ViewChildren("UserDetailComponent") userDetailReferences: QueryList<NgModel>;
  
  ngAfterViewInit(): void {
    console.log("Element List: " + this.userDetailReferences.length);
  }
}

Thank you, it's great for an absolute beginner like me.