angular-cn/public/docs/_examples/lifecycle-hooks/ts/app/on-changes-parent.component.html

<div class="parent">
  <h2>{{title}}</h2>

  <table>
    <tr><td>Power: </td><td><input [(ngModel)]="power"></td></tr>
    <tr><td>Hero.name: </td><td><input [(ngModel)]="hero.name"></td></tr>
  </table>
  <p><button (click)="reset()">Reset Log</button></p>

  <!-- #docregion on-changes -->
  <on-changes [hero]="hero" [power]="power"></on-changes>
  <!-- #enddocregion on-changes -->
</div>