我正在研究 angular 6+ 代码,但我不确定这段代码#testPicker 是什么?这是什么语法,为什么使用它?我的问题不是特定于此代码,而是通常在此组件中使用 #testPicker。
<app-name-picker [readonly]="isValidForm()" [value]="selectedUser" (selectionChange)="selectUser($event)" #testPicker></app-name-picker>
在 angular 中,Hashtag 被称为模板参考变量。它通常用于从其他组件或从父组件的代码中提供对组件(及其数据)的访问。
来自其他组件,例如:
<input #phone placeholder="phone number">
<button (click)="callPhone(phone.value)">Call</button>
从父组件代码,使用 ViewChild,例如:
@ViewChild('phone') phoneNumber;
ngAfterViewInit(){
callPhoneNumber(this.phoneNumber.nativeElement.value);
}
进一步阅读和参考:https : //angular.io/guide/template-syntax#template-reference-variables--var-
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句