Parent.component.html

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<fieldset>
  <legend>
    <h1>Parent Component</h1>
  </legend>

  <p>Parent Input</p>
  <input type="text" [(ngModel)]="inputText" />

  <p>Received message from child: {{ receivedMessage }}</p>

  <app-child
    [parentInput]="inputText"
    (childOutput)="onMessageReceived($event)"
  ></app-child>
</fieldset>