angular_viewchildren_basics.ts

@Component({
  selector: 'accessing-template-reference',
  template: `
    <div>
      <input type="text" [(ngModel)]="userName" />
      <input type="text" [(ngModel)]="userAge" />
      <input type="text" [(ngModel)]="userDesignation" />
    </div>
  `
})
export class HeroListComponent implements OnInit {
  @ViewChildren("NgModel") domReference: QueryList<NgModel>;
  
  ngAfterViewInit(): void {
    console.log("Element List: " + this.domReference.length);
  }
}