Angular 4 - DOM element ref - 3

angular4.domElementRef.3.ts

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  // Get the DOM element using the ref name from the template and define
  // the component property myInput as an ElementRef instance.
  @ViewChild('myInput') myInput: ElementRef;
  constructor() { }

  ngOnInit() {}

  doSomething() {
    // The ElementeRef instances allows you to access the DOM component via the
    // 'nativeElement' property.
    const value = this.myInput.nativeElement.value;
    console.log(value);
  }
}