在不使用 nativeElement 的情况下从 @ViewChild 读取元素

Question

有没有办法在 @ViewChild 上获取基础 div 元素？我尝试阅读以下 none 作品：

• ElementRef.prototype.nativeElement -- returns ElementRef
• HTMLDivElement -- returns undefined
• ElementRef -- returns ElementRef

我正在尝试这样做，这样我就可以在每次调用 content 属性.

时不必调用 nativeElement

这是我正在做的事情（用上面列表中的一项替换 read）：

  @ViewChild('overlayContent', { read: ElementRef.prototype.nativeElement })
  content?: HTMLDivElement;

<div class="slide-over-content" #overlayContent>
  <!-- content -->
</div>

Answer 1

如果在 ElementRef 和它的 属性 之间需要多一层抽象，则常见的模式是使用 setter。

 @ViewChild('overlayContent')
    set aRef(ref: ElementRef) {
      this.myDomElement = ref.nativeElement;
    }