Angular 1 vs Angular 2 Form Validation

angular1-v-angular2-form-validation.js

// Angular 1
const module = angular.module('myModule', []);
module.component('myComponent', {
  template: `
    <form name="myForm">
      <label for="name">Your Name</label>
      <input id="name" name="name" ng-model="$ctrl.name" required />
      <div ng-if="myForm.name.$error">Name is Required</div>
    </form>
  `
});

/***************************************************************/

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

@Component({
  selector: 'my-component',
  template: `
    <form>
        <label for="name">Your Name</label>
        <input id="name" name="name" [(ngModel)]="name" required #nameField="ngModel" />
        <div *ngIf="!nameField.valid">Name is Required</div>
    </form>
  `
})
class MyComponent {
  name: string;
}