typesafe-placeholders-and-hints#setup.ts

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

interface LoginForm {
  username: string;
  password: string;
}

@Component({
  selector: 'app-form',
  template: `
  <form>
    <input [(ngModel)]="login.username" name="username" />
    <input [(ngModel)]="login.password" name="password" />
  </form>
  `
})
export class FormComponent {
  login: LoginForm = {
    username: '',
    password: ''
  };
}