Angular6 处理DOM(DOM渲染结束后,执行代码)

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

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

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

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元素
  }
}

你可能感兴趣的:(Angular6 处理DOM(DOM渲染结束后,执行代码))