如何合并HTML标签以为样式化本地化字符串的某些部分(聚合物)

问题描述:

我正在使用的Web应用程序使用资源字符串进行本地化。我遇到的问题是对这些字符串的某些部分进行样式设计。比方说,我想显示这个字符串:如何合并HTML标签以为样式化本地化字符串的某些部分(聚合物)

user1234创建新文档。

所以在资源文件将被本地化,像这样:

{username} created a new document. 

的问题是我还需要大约{username}<b></b>标签。我不能把这些标签放在HTML文件中,因为我需要它只适用于用户名,而不是整个本地化的字符串。所以,除非我分裂了绳子分成两个本地化的字符串(我一定要做,因为其他语言不一定具有相同的句子结构),我必须把这些HTML标签的本地化字符串本身:

<b>{username}</b> created a new document. 

即使我们暂时忽略了最佳实践(其中我有read briefly)并采用此方法,但此解决方案对我无效。我相信这是因为应用程序使用聚合物(这似乎与Angular一起工作)。因此,如果我们坚持通过以下两个要求:

  1. 采用高分子
  2. 拥有整个串在一起作为一个资源字符串

则似乎没有成为一个办法样式某些部分的字符串。有谁知道解决方案?

我通过将资源字符串设置为包含字符串的元素的内部HTML来实现它。所以我们可以说包含文本的div有id="textElem",Javascript代码中我设置了内部HTML像这样:

this.$.textElem.innerHTML = this.localize('user_created_document', 'username', this.username) 

我想我应该在我的前面设置字符串的尝试只是问题的指定(一)简单地将字符串绑定到对象的属性并引用HTML中的内容,并(b)直接在HTML中定位字符串,而这两者都不起作用。