Cacher is the code snippet organizer for pro developers

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  onAddServer(nameInput: HTMLInputElement) {
    console.log(nameInput.value);
  }

}

<input type="text" class="form-control" #serverNameInput>

<button
  class="btn btn-primary"
  (click)="onAddServer(serverNameInput)">
  Add Server
</button>