Angular 12 ViewChild ElementRef

在以前的 angular 版本中，我们可以像这样定义一个带有元素 ref 的子视图

@ViewChild('fileInput') fileInput: ElementRef;

现在我们必须在构造函数中初始化它？如果没有默认的 nativeelement，我们如何为 elementRef 执行此操作？元素 Ref 接受一个参数 https://angular.io/api/core/ElementRef

constructor() {
    this.fileInput = new ElementRef(?);
}

如果您想访问 ViewChild 元素，则只能在 AfterViewInit/AfterViewChecked 生命周期结束后才能进行课程。您不需要手动创建它，Angular 会为您完成。您确实可以在 Angular Example 2 中看到这种情况。

但是，请记住，在构造函数 ngOnInit 中无法访问它。

如果你想访问你自己的元素组件 ElementRef 你可以这样做：

@Component(...)
export class CustomComponent {
  constructor(elementRef: ElementRef) {
    // Code here or store it via an attribute accessor
  }
}