微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

不使用 nativeElement 从@ViewChild 读取元素

如何解决不使用 nativeElement 从@ViewChild 读取元素

有没有办法在 touch获取底层 div 元素?我试图阅读以下内容,但没有任何效果

  • @ViewChild -- 返回 ElementRef.prototype.nativeElement
  • ElementRef -- 返回 HTMLdivelement
  • undefined -- 返回 ElementRef

我正在尝试这样做,这样我就不必在每次调用 ElementRef 属性时都调用 nativeElement

这是我正在做的事情(用上面列表中的一个项目替换 content):

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

解决方法

如果在 ElementRef 及其属性之间需要多一层抽象,则常见模式是使用 setter。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。