angular中使用viewchild访问DOM、子组件和指令

原文地址
https://blog.youkuaiyun.com/zgrbsbf/article/details/81329398

<input type="text" #inputText>  //inputText 是要检测的名字

在TS中访问DOM元素

  @ViewChild('inputText') inputElement: ElementRef;

在视图刷新后成功可以打出来

ngAfterViewInit() {
      console.log('我是原生元素哦', this.inputElement.nativeElement);
}

对于this.inputElement.nativeElement，这就是一个原生的DOM节点了。