angular 6 组件属性使用

F11

我正在研究 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章