title: How to Change Directive Dynamically in Angular 2
body: <p>I'm working with Angular 2+ and Material 2. I have some md-button(s) which I want to change to md-raised-button dynamically. For example I want this:</p>
  
  <pre><code>&lt;a md-button [routerLink]="['/home']"&gt;Home&lt;/a&gt;
  </code></pre>
  
  <p>to change into this:</p>
  
  <pre><code>&lt;a md-raised-button [routerLink]="['/home']"&gt;Home&lt;/a&gt;
  </code></pre>
  
  <p>when the link is active or I'm hovering over it etc.</p>