最近做一个项目需要用到前端插件处理视频,中间有一个操作DOM的过程,但是执行时发现HTMLCollection为空

打印数据是有的,查看代码后发现问题出在DOM还未渲染结束,就执行了代码

angular2开始已经定义了引用类型ElementRef,直接上代码
html

<div #wrapper>
</div>
<div (click)="showWrapper()">
</div>

ts先引入TemplateRef

import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';

然后再调用

export class VideoDownloadComponent implements OnInit {
  @ViewChild('wrapper') wrapper: ElementRef;
  constructor() {
  }
  ngOnInit(){
  }
  showWrapper(){
      let wrapperDOM = this.wrapper.nativeElement ; // 这就是获取到的DOM元素
  }
}