title: Angular child route elements outside of router-outlet
body: <p>I was wondering if there is a way to implement a child component element out of the <code>&lt;router-outlet&gt;</code>, like in the example, I wish each component inside of the outlet could show its own buttons on the parent component.</p>
  <pre><code>&lt;div class=&quot;header&quot;&gt;
    &lt;h1&gt;Page Title&lt;/h1&gt;
    &lt;div class=&quot;action-buttons&quot;&gt;
      &lt;!-- child component buttons --&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id=&quot;wrapper&quot;&gt;
    &lt;router-outlet&gt;&lt;/router-outlet&gt;
  &lt;/div&gt;
  </code></pre>