title: Angular 2 - pass boolean "true" from one component to another (not siblings)
body: <p>On one component I have button that triggers function:</p>
  
  <pre><code>&lt;button (click)="open Popup(); hideButton()"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I have, lets say: <code>buttonService</code> that I should use for connection between these two components.</p>
  
  <p>And in second component (which is not parent-child related to first component) I have multiple buttons like this:</p>
  
  <pre><code>&lt;button class="element1"&gt;&lt;/button&gt;
  &lt;button [class.hiddenClass]="hideButt" class="element2"&gt;&lt;/button&gt;
  &lt;button class="element3"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>Second component is popup that is opening on same button click from first component and at that moment it should also trigger <code>hideButton()</code> function to pass boolean "true" to <code>hideButt</code> and hide button on that second (popup) component. How can i do it? With subscribe, Observable, EventEmitter?</p>