title: Angular - Apply style to element depending on sibling RouterLinkActive?
body: <p>I do not have only one menu bar on my app that I need to be painted when the user navigates, I have another components too that needs to be painted as well. Can I achieve this just using <code>routerLinkActive</code>?</p>
  
  <p><strong>menu.html</strong></p>
  
  <pre><code>&lt;menu&gt;
    &lt;a routerLink="page1" routerLinkActive="active"&gt;
        option1
    &lt;/a&gt;
    &lt;a routerLink="page2" routerLinkActive="active"&gt;
        option2
    &lt;/a&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <p>This menu works great. But what I'm asking is how can I take advantage of routerLinkActive property placed in other HTML Tag. like:</p>
  
  <p><strong>main.html</strong></p>
  
  <pre><code>&lt;main&gt;
      &lt;span class="title" routerLinkActive="active"&gt;My sub child part&lt;/span&gt;
  &lt;/main&gt;
  </code></pre>