Forms and two way binding with angular.

JavaScript 
We look at two way binding in angular especially in forms.

The class for this app

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['../assets/css/bulma.css']
})
export class AppComponent {
  title = 'Hello World';
  name = 'Wynton Franklin';
  description = 'This is a description';
  prof = '';
  terms = true;
  professions = [
      'Accountant',
      'Engineering',
      'Information Technology'
  ];
  saveForm(): void {
     console.log(`Form data saved- name=>${this.name}
     |  description=>${this.description} |
      profession=>${this.prof} |
      checkbox=>${this.checkBoxStatus()}`);
  }
  clearForm(): void {
    this.name = '';
    this.description = '';
  }
  checkBoxStatus(): string {
    if (this.terms) {
      return `Active`;
    }
    return `InActive`;
  }
}

Notes

README