JAVASCRIPT

local reference in angular

content_copy
<input #phone placeholder="phone number" />

<!-- lots of other elements -->

<!-- phone refers to the input element; pass its `value` to an event handler -->
<button type="button" (click)="callPhone(phone.value)">Call</button>

local reference in angular

// app.component.html
<input type="text" #nameInput>
<button (click)="onClick(nameInput)">Add</button>

// app.component.ts
 onClick(nameInput: HTMLInputElement){
    alert(nameInput.value);
  }