Child.component.html

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<fieldset>

  <legend>
    <h1>Child Component</h1>
  </legend>

  <p>Child Message to send to parent: {{ message }}</p>

  <input type="text" [(ngModel)]="message" (keyup.enter)="sendMessage()" />

  <button (click)="sendMessage()">Send to Parent</button>

</fieldset>