Apply CSS to active router link [Angular 2]
<p>I would like to apply special CSS style properties to active router links:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a [routerLink]='link'&gt;{{name}}&lt;/a&gt;</code></pre>
</div>
</div>
</p>

<p>Here is what I tried so far (Using the default router-link-active class):</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.router-link-active {
 color: #000;
 font-weight: bold;
}</code></pre>
</div>
</div>
</p>

<p>It doesn't work and I really don't understand why.</p>