title: On click event, change input field in a sibling component
body: <p>I'm trying to detect a click in a child component. In its sibling component, I want to empty out the input field within it. Let me show you a brief example of what I mean:</p>
  
  <pre><code>// Parent component template:
  &lt;div&gt;
    &lt;child1-comp&gt;&lt;/child1-comp&gt;
    &lt;child2-comp&gt;&lt;/child2-comp&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>.</p>
  
  <pre><code>// child1-comp template:
  &lt;input type="text" #inputText (keyup)="0"&gt;
  </code></pre>
  
  <p>.</p>
  
  <pre><code>// child2-comp template:
  &lt;ul&gt;
    &lt;li (click)="onClick(text1.value)" #text1&gt;Test&lt;/li&gt;
    &lt;li (click)="onClick(text2.value)" #text2&gt;Test2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>After one of the click events in <code>child2-comp</code>, I want to empty out the value in the input field in <code>child1-comp</code>. </p>
  
  <p>Is this possible to do in Angular 2?</p>