angular4 如何在指令里面獲取組件視圖

在指令的構(gòu)造函數(shù)里面注入ElementRef，便可操作引用指令的元素

獲取元素使用ElementRef,
操作元素屬性樣式等，使用Renderer2，最近又出了個(gè)Renderer3。

<div #dom>dom</div>

import { ...,ViewChild,ElementRef,AfterViewInit } from '@angular/core'
...
export class XXXComponent implements AfterViewInit{
    @ViewChild('dom') dom:ElementRef
    ...
    
    ngAfterViewInit(){
        ...
        console.log(this.dom.nativeElement)   //獲取div dom元素
    }
}   

可以配合Renderer2進(jìn)行一些更好的dom操作。