Angular 4获取dom元素

<input #myInput type="text">

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `...`
})
export class MyComponent {
  @ViewChild('myInput') myInput: ElementRef;

  ngAfterViewInit() {
    console.log(this.myInput.nativeElement);
  }
}

import { Component, Renderer2, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `...`
})
export class MyComponent {
  constructor(private renderer: Renderer2, private elementRef: ElementRef) {}

  ngAfterViewInit() {
    const myElement = this.renderer.selectRootElement(this.elementRef.nativeElement);
    console.log(myElement);
  }
}

import { Component, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `...`
})
export class MyComponent {
  constructor(private elementRef: ElementRef) {}

  ngAfterViewInit() {
    console.log(this.elementRef.nativeElement);
  }
}