的I18n在angularjs

Question

的I18n鍵：

"step1.download":"{{n0}} Download {{n1}} Some text."

在我的html：

<span translate=step1.download translate-values="{ n0: '{{info0}}', n1: '{{info1}}'}"></span> 

在我的控制器：

$scope.download = function(){ 
     alert("fun executed"); 
     }; 
$scope.info0="<button ng-click=download()>"; 
$scope.info1="</button>"; 

我得到一個錯誤，下載功能不定義，我認爲是因爲在角度編譯之前解析了html，所以有什麼辦法可以解決這個問題問題。替代解決方案也受到讚賞。

Answer 1

在HTML中使用 「翻譯編譯」 是這樣的：

<span translate="step1.download" translate-compile translate-values="{ n0: '{{info0}}', n1: '{{info1}}'}"></span> 

與我的情況一起工作，這可能取決於您使用的翻譯器。它會如果您使用「angular-translate.js」，則可以工作。

Answer 2

兩件事情：

• 你把一個指令的轉換指令。你的代碼沒有辦法工作，因爲ng-click會在角度解析之後放入DOM中。
• 在translate指令中將HTML作爲值並不是一個好主意。該模塊用於處理文本值而不是HTML語法。

對於你的問題，你必須做出這樣的事情：

{ 
    "step1.download":"Download", 
    "step1.someText":"some text." 
} 

在HTML

：

<span> 
    <button ng-click="download()"> 
     {{'step1.download'|translate}} 
    </button> 
    {{'step1.someText'|translate}} 
</span>