javascript - ngx-translate innerHTML スタイリング

Question

私はAngular 5.0.1とngx-translate/core 8.0.0を使用しています

テンプレートにこのコードがあります

<p [innerHTML]="'privacyAgree'|translate:{href:'#'}"></p>

en.json のこの文字列

"privacyAgree": "Clicking «Registration» button, I accept<a href=\"{{href}}\">the terms</a>"

私のlessファイルのこのコード

p{
    color: #8A8C8D;
    font-size: 13px;
    line-height: 1.4em;
    a{
        color: #222222;
    }
}

ただし、Angular がこのスタイルを作成するため、内側の「a」の色は適用されません。

p[_ngcontent-c3] {
  color: #8A8C8D;
  font-size: 13px;
  line-height: 1.4em;
}
p[_ngcontent-c3]   a[_ngcontent-c3] {
  color: #222222;
}

しかし、ngx-translate はこのコードを作成します

<p _ngcontent-c3="">Clicking «Registration» button, I accept<a href="#">the terms</a></p>

「a」タグには必要な属性がありません。

では、翻訳後に [innerHTML] テンプレートをレンダリングするにはどうすればよいでしょうか?