1. ngAfterViewInit(){
  2. /* 推荐在此生命周期函数中操作DOM */
  3. }

1、用生命周期

  1. //组件/.ts
  2. /* 视图初始化完成之后 */
  3. ngAfterViewInit(){
  4. /* 推荐在此生命周期函数中操作DOM */
  5. var show:any = document.getElementById("show");
  6. console.log(show);
  7. }

2、用ViewChild

  1. //.html
  2. <div #app></div>
  1. //.ts
  2. import { Component, OnInit , ViewChild} from '@angular/core';
  3. ...
  4. export class AboutComponent implements OnInit {
  5. @ViewChild('app',{static:false}) app:any;
  6. constructor() { }
  7. ngOnInit() {
  8. }
  9. /* 视图初始化完成之后 */
  10. ngAfterViewInit(){
  11. console.log(this.app);
  12. }
  13. }