เข้าถึงตัวแปรอ้างอิงเทมเพลตจากคลาสคอมโพเนนต์

<div>
   <input #ipt type="text"/>
</div>

เป็นไปได้ไหมที่จะเข้าถึงตัวแปรการเข้าถึงเทมเพลตจากคลาสคอมโพเนนต์

กล่าวคือฉันสามารถเข้าถึงได้ที่นี่

class XComponent{
   somefunction(){
       //Can I access #ipt here?
   }
}

นั่นเป็นกรณีการใช้งานสำหรับ@ViewChild:

https://angular.io/docs/ts/latest/api/core/index/ViewChild-decorator.html

class XComponent {
   @ViewChild('ipt', { static: true }) input: ElementRef;

   ngAfterViewInit() {
      // this.input is NOW valid !!
   }

   somefunction() {
       this.input.nativeElement......
   }
}

นี่คือการสาธิตที่ใช้งานได้:

https://stackblitz.com/edit/angular-viewchilddemo?file=src%2Fapp%2Fapp.component.ts