时间戳

首页 > 解决方案 > angular 6 组件属性使用

angular - angular 6 组件属性使用

问题描述

我正在研究 Angular 6+ 代码，但我不确定这段代码#testPicker是 什么？这是什么语法，为什么使用它？我的问题不是特定于此代码，而是通常在此组件中使用#testPicker。

 <app-name-picker [readonly]="isValidForm()" [value]="selectedUser" (selectionChange)="selectUser($event)" #testPicker></app-name-picker>

标签： angularangular-components

解决方案

在 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-

推荐阅读