angular - angular2 で routerLink がアクティブなときに、UI 要素にディレクティブを追加します。

Question

現在、angular2 と material2 を使用しています。私の目標は、私の routerLinkActive がアクティブなときに md-button を md-raised-button に変更することです。たとえば、「/todos」を使用している場合、「md-button」ディレクティブを「md-raised-button」に置き換えます。

インターネットで解決策が見つかりません。誰かが私を案内してくれることを願っています。CSS クラスの使用は避けたいと思います。

<a md-button routerLink="/" routerLinkActive="toolbar-active" [routerLinkActiveOptions]="{exact: true}">
  Home
</a>
<a md-button routerLink="/todos" routerLinkActive="toolbar-active" [routerLinkActiveOptions]="{exact: true}">
  Todos
</a>

ご協力いただきありがとうございます！

マチュー