angular_accessing_multiple_template.ts

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