typesafe-placeholders-and-hints#with-placeholders.ts

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

type Label<T extends object> = { [key in keyof T]: string };

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

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

  placeholders: Label<LoginForm> = {
    username: 'Username',
    password: 'Password'
  };
}