Controlled Components in Angular

form.component.html

<form class="mx-3">
    
    <div class="form-group">
      <label for="email">Email address</label>
      <input [ngModel]="email" (ngModelChange)="emailHandler($event)" 
             name="email" type="email" class="form-control" id="email" 
             aria-describedby="email" placeholder="Enter email">
      <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
    </div>
    
</form>

form.component.ts

...
export class AppComponent  {
  email = "";

  constructor() {}

  emailHandler(input) {
    this.email = input;
    console.log(this.email);
  }
}