title: Angular - How to Subscribe Data from Component to Component
body: <p><a href="https://i.stack.imgur.com/7rXmZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7rXmZ.png" alt="enter image description here"></a>I am trying to subscribe a data from a component.
  Somehow it's not working now, hope anyone can find out why...</p>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;app-sample1&gt;&lt;/app-sample1&gt;
  &lt;p&gt;&lt;/p&gt;
  &lt;app-sample2&gt;&lt;/app-sample2&gt;
  </code></pre>
  
  <p><strong>sample1.component.html</strong></p>
  
  <pre><code>&lt;div class="main"&gt;
      &lt;p&gt;Sample1 !&lt;/p&gt;
      Subsribed Title from Sample 2:
      &lt;h3&gt; {{titleFromSample2}}&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>sample2.component.html</strong></p>
  
  <pre><code>&lt;div class="main"&gt;
      &lt;p&gt;Sample2 !&lt;/p&gt;
      &lt;input type="text" #title (input)="change(title.value)"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>sample.service.ts / sample1.component.ts / sample2.component.ts</strong></p>
  
  <p><a href="https://i.stack.imgur.com/6jgwp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6jgwp.png" alt="enter image description here"></a></p>
  
  <p>When text value inserted in Sample2 Input box, 
  'change' method in sample2.componet.ts implements fine.</p>
  
  <p>but titleFromSample2 values of sample1.component.ts and sample1.component.html are not changing.</p>
  
  <p>I can't find what wrong is....</p>