title: Angular Material - set button active
body: <p>I use this navigation in my Angular 5/Angular Materials application:</p>
  
  <pre><code>&lt;!-- Navigation --&gt;
  &lt;mat-toolbar color="warn"&gt;  
  &lt;mat-toolbar-row&gt;
    &lt;span class="nav-icon"&gt;
      My Icon
    &lt;/span&gt;
  
    &lt;span class="nav-spacer"&gt;&lt;/span&gt;
  
    &lt;button mat-button [routerLink]="['/home']"&gt;Home&lt;/button&gt; 
    &lt;button mat-button [routerLink]="['/login']"&gt;Login&lt;/button&gt;
    &lt;button mat-button (click)="logout()"&gt;Logout&lt;/button&gt;
   &lt;/mat-toolbar-row&gt;
  &lt;/mat-toolbar&gt;
  
  &lt;!-- Router Outlet --&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>Actually I could not find how to set the active menu button active. Is there a way of doing this, e.g. with Route?</p>