Template driven forms

app.component.ts

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

@Component({
  selector: 'contact-form',
  templateUrl: './contact-form.component.html',
  styleUrls: ['./contact-form.component.scss']
})
export class ContactFormComponent {

  log(x) { console.log(x); }

}

app.html

<h2>Leave a comment</h2>
<form>
    <div class="form-group">
        <label for="firstName">First Name</label> 
        <input 
            ngModel 
            name="firstName" 
            #firstName="ngModel"
            (change)="log(firstName)"
            type="text" 
            id="firstName" 
            required 
            class="form-control"> 
    </div>
    <div class="form-group">
        <label for="comment">Comment</label>
        <textarea name="comment" id="comment" cols="30" rows="10" class="form-control"></textarea>
    </div>
    <button class="btn btn-dark">Submit</button>
</form>