<h1 id="top">Component Communication Cookbook</h1>
<a href="#parent-to-child">Pass data from parent to child with
input binding ("Heroes")</a><br/>
<a href="#parent-to-child-setter">Intercept input property
changes with a setter ("Master")</a><br/>
<a href="#parent-to-child-on-changes">Intercept input property
changes with <em>ngOnChanges</em> ("Source code version")</
a><br/>
<a href="#child-to-parent">Parent listens for child event
("Colonize Universe")</a><br/>
<a href="#parent-to-child-local-var">Parent to child via
<em>local variable</em>("Countdown to Liftoff")</a><br/>
<a href="#parent-to-view-child">Parent calls <em>ViewChild</em>
("Countdown to Liftoff")</a><br/>
<a href="#bidirectional-service">Parent and children
communicate via a service ("Mission Control")</a><br/>
<div id="parent-to-child">
<app-hero-parent></app-hero-parent>
</div>
<a href="#top" class="to-top">Back to Top</a>
<hr>
<div id="parent-to-child-setter">
<app-name-parent></app-name-parent>
</div>
<a href="#top" class="to-top">Back to Top</a>
<hr>
<div id="parent-to-child-on-changes">
<app-version-parent></app-version-parent>
</div>
<a href="#top" class="to-top">Back to Top</a>
<hr>