2017-09-20 42 views
0

我正在使用的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. 擁有整個串在一起作爲一個資源字符串

則似乎沒有成爲一個辦法樣式某些部分的字符串。有誰知道解決方案?

回答

0

我通過將資源字符串設置爲包含字符串的元素的內部HTML來實現它。所以我們可以說包含文本的div有id="textElem",Javascript代碼中我設置了內部HTML像這樣:

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

我想我應該在我的前面設置字符串的嘗試只是問題的指定(一)簡單地將字符串綁定到對象的屬性並引用HTML中的內容,並(b)直接在HTML中定位字符串,而這兩者都不起作用。

相關問題