<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