angular获取dom元素

方式一: ViewChild

<div #box></div>

@ViewChild('box') box: ElementRef;

constructor(){
 // 不能放在构造函数里面这个时候构造函数中还没有视图没法获取到box元素
}

ngOnInit() {
    console.log(this.box.nativeElement);
}

方式二: ElementRef

<div class="box"></div>

constructor(private el:ElementRef){
// 同理
}
ngOnInit(){
    console.log(this.el.nativeElement);
    console.log(this.el.nativeElement.querySelector('.box'));
}