innerHTML 的正确值并翻译 Angular答案

【问题标题】：Proper values for innerHTML and translate AngularinnerHTML 的正确值并翻译 Angular
【发布时间】：2019-09-26 12:11:31
【问题描述】：

在翻译 json 中我有这样的东西

"Take": "The '<b>{{Name}}</b>' is assigned to user <b>{{user}}</b> until <b>{{Date}}</b>"

但是当我在 html 中尝试这样的事情时

<p [innerHTML]="'Take' | translate: '{ Name: options.Name, user: options.user, Date: options.date }'">
</p>

和对象

options = {
Name: John,
user: Rambo,
Date: 22/02/1997
}

我收到了这个错误 ERROR SyntaxError：TranslatePipe 中的参数错误。需要一个有效的对象，收到： 我不知道我哪里弄错了？

【问题讨论】：

【解决方案1】：

translate: '{ Name: options.Name, user: options.user, Date: options.date }'

表示您发送一个字符串。

试试

translate: { Name: options.Name, user: options.user, Date: options.date }

【讨论】：

【解决方案2】：

<p [innerHTML]="'Take' | translate: { Name: options.Name, user: options.user, Date: options.date }">

是正确的语法。

我有时也对此感到困惑。下面是一个更复杂的用例。在这里分享一下，以备日后需要。

[attr.aria-label]="(_variable1$ | async) ? ('translateVariable' | translate: { translateProperty: _variable2 }) : ''"

【讨论】：