html內插角轉換插值

Question

我想解決如何用角度轉換（我用作過濾器）翻譯大塊html。

我有語言的JSON文件：

{ 
    "PURPOSE": "Sie Damit Beabsichtigt", 
    "INTRO_VID": "Sehen Sie sich das Intro-Video", 
    "TOUR": "An der Tour teilnehmen", 
    "PURPOSE_COPY": "<p>Die Idee hinter [snip]</p><p>Currency: {{vm.testAmount}}</p><p>Date: {{vm.testDate}}</p>" 
} 

然後在HTML我參加一個語言字符串，並將其傳遞給來自視圖模型（translate:vm）的數據轉換過濾器，最後到htmlSafe過濾器，這使得它能夠被解析成HTML：

<div data-ng-bind-html="'PURPOSE_COPY' | translate:vm | htmlSafe"></div> 

的htmlSafe過濾器看起來像：

angular.module('kitchenapp').filter("htmlSafe", ['$sce', function($sce) { 
    return function(htmlCode){ 
     return $sce.trustAsHtml(htmlCode); 
    }; 
}]); 

儘管我通過視圖模型進行翻譯，但html並沒有被正確的注入到頁面中。 :(

Answer 1

因此，無論你傳遞給translate:<expression>作爲範圍。如果你想傳遞你的實際範圍，然後通過translate:this。上面我通過vm然後尋找vm.x：這相當於vm.vm. x，顯然不存在。