angular 中的 DOM 操作

 

 

 

 

 

 

 

 

 

 

 

ngAfterViewInit(): void {

    // DOM 加载完成的生命周期函数， 在此处获取 DOM

    let dom2: any = document.getElementById('dom2')

    console.log(dom2)

    dom2.style.color = 'blue'

   

  }

 

 

 

 

 

 

<div #myDom>dom dom dom</div>

 

 

 

 

 

@ViewChild('myDom', null) myDom: any

  ngOnInit() {

    console.log(this.myDom, "00000")

    this.myDom.nativeElement.style.width= '100px'

    this.myDom.nativeElement.style.height= '100px'

    this.myDom.nativeElement.style.backgroundColor= 'pink'