title: angular 2 trigger a modal open outside of router module
body: <p>I want to trigger the hiding/showing of a div in a component template outside the router outlet by clicking a button in a component template within the router outlet:</p>
  
  <p>app component</p>
  
  <pre><code>`&lt;div class="content col-md-10 container-fluid"&gt;   
      &lt;company-add-form&gt;&lt;/company-add-form&gt;
      &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;`
  </code></pre>
  
  <p>company-add-form component</p>
  
  <pre><code>`&lt;div&gt;
      &lt;p&gt;Make me showwwww&lt;/p&gt;
      &lt;button class="btn"&gt;Close&lt;/button&gt;
  &lt;/div&gt;`
  </code></pre>
  
  <p>company-page component (which will render inside router-outlet)</p>
  
  <pre><code>`&lt;div&gt;
      &lt;button class="btn"&gt;Open company add form&lt;/button&gt;
  &lt;/div&gt;`
  </code></pre>
  
  <p>Thoughts</p>
  
  <ul>
  <li>Usually theres a pretty consistent parent to child relationship but because router outlet sits in between you can't just use ViewChild.</li>
  </ul>