Angular 如何使用ngx translate实现组件插值？

我希望能够获得以下信息：

<p>Agree with the company's <a href="#" _target="blank">Terms and Conditions</a>.</p>

我试图实现的目标与Vue I18n的目标类似，在这里，我可以做如下工作：

<i18n path="agreement" tag="p">
    <a place="tc" _target="blank">{{ translate('terms') }}</a>
</i18n>

{{translate（'terms'）}

使用ngx translate可以实现这一点吗

---

谢谢。

希望有人能找到更好的解决方案，但与此同时，可能对你有用。请记住，

setTranslation

中的所有内容都是

en.json

文件中的内容。我只是不想在StackBlitz中加载它。我还依赖于示例中提供的

sanitizeHtml

。它基于这个堆栈溢出

导出类AppComponent{
私人主播；
构造函数（私有translateService:translateService）{
translateService.use（'en'）；
translateService.setTranslation（'en'{
你好：'你好'，
同意：“同意公司的{{{anchor}}”，
TC:“条款和条件”
});
此.anchor=``
}
}

不确定我是否正确理解了您的问题。{tc}是作为锚定标记href属性传递的吗？不是。{tc}是整个元素的占位符。只是为了确保：您不能或不想简单地使用以下内容：{{agreement'| translate}

不幸的是，不是，因为在某些语言中单词的顺序不同。这就是为什么“协议”翻译应该包含元素的占位符。感谢您详尽的回答，这似乎是一个很好的解决方案。

<i18n path="agreement" tag="p">
    <a place="tc" _target="blank">{{ translate('terms') }}</a>
</i18n>

<p [innerHTML]="'AGREE' | translate:{ anchor: anchor } | sanitizeHtml"></p>