ElementRef - @angular/core - Angular2

ElementRefを利用すると要素内のHTMLにアクセスできます。ElementRefを読み込んでおきconstructor時に要素を取得しておきます。

import { Component,ElementRef } from '@angular/core';
 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
})
 
export class AppComponent {
  _el: HTMLElement;
  constructor(el: ElementRef) {
    this._el = el.nativeElement;
  }
  onClick(val:string):void{
    console.log(this._el.querySelector('input').value);
  }
}

<input type='text' value="" #addValue>
<input type="button" value="click" (click)="onClick()">