angular2：ホストattrセレクタは[routerLink]を選択しません

Question

角度成分に[routerLink]属性を持つスタイルを適用しようとしています。

<component [routerLink]="'...'"> 

しかし、いくつかの理由で、:host(selector) CSSセレクタはrouterLinkに自分自身を添付することができていないようです。 html要素の検査で

:host([routerLink]):hover{ 
    background-color: rgba(125, 91, 190, 1); 
} 

私は[routerLink]が[router-link]に核変換されることを見る - これはそれとは何かを持っているのでしょうか？ （私は[router-link]をセレクタとして無駄にしました）。

私は

<component [routerLink]="'...'" this-has-a-route> 
// works 
:host([this-has-a-route]):hover{ 
    background-color: rgba(125, 91, 190, 1); 
} 

なぜこれが事実であるとしてrouterLinkを使用することが可能です...私は、カスタム属性にセレクターを変更した場合、それが正常に動作しますので、セレクタの構文が正しいことを知っていますセレクタ？

Answer 1

はいこれのための回避策があります。これまで[routerLink]ディレクティブを使用している場合は、ブラウザでng-reflect-router-linkに変換され、コードを調べることができます。例については

：それはあなたがそれを指示していない属性だ周り

 :host [ng-reflect-router-link]:hover { 
     color: red !important; 
     } 

     :host [ng-reflect-router-link] { 
     color: yellow !important; 
     }