angular中直接操作DOM

简介

一般情况下，在angular项目中不需要也不建议直接操作DOM，但有时也会遇到操作DOM的情况，angular为我们提供了一些操作原生DOM的方法。

步骤

• 1、引入ElementRef
import { Component, OnInit, ElementRef, AfterViewInit } from '@angular/core';

• 2、构造函数中引入
  constructor(private elementRef: ElementRef) { }

• 3、根据标签、类名、id等获取DOM元素
  const container = this.elementRef.nativeElement.querySelector('#container');