角度翻訳 - 翻訳値の翻訳attr

Question

角度翻訳を使用しようとしているときに問題があり、動的なもので、翻訳が必要なものがあります。ここで

が問題とplunkerがより良い説明です： PLUNKER

<p translate="PARAGRAPH" translate-values="{username: ('userNameTranslate' | translate)}"></p>

Answer 1

ちょうど親翻訳でHTML属性を追加

PARAGRAPH: 'Hello <strong>{{username}}</strong> love!', 
    userNameTranslate : 'User Name' 

その後、それはあなたが期待するように動作します。

translateパラメータで動的コンテンツのみを追加する必要があります。たとえば ：

のJavaScriptファイル

var translations = { 
    PARAGRAPH: 'Hello <strong>{{username}}</strong> and then some {{additionaldata}} love!', 
}; 

var app = angular.module('myApp', ['ngSanitize', 'pascalprecht.translate']); 

app.config(['$translateProvider', function ($translateProvider) { 
    $translateProvider.translations('en', translations); 
    $translateProvider.preferredLanguage('en'); 
    // Enable escaping of HTML 
    $translateProvider.useSanitizeValueStrategy('escaped'); 
}]); 

app.controller('Ctrl', ['$scope', '$translate', '$sce', function ($scope, $translate, $sce) { 
    $scope.myUserName = 'my personal name'; 
    $scope.myAdditionalData = 'hello World'; 
}]); 

とhtmlファイル内

<div ng-controller="Ctrl"> 
    <p translate="PARAGRAPH" translate-values="{username:myUserName, additionaldata: myAdditionalData}"></p> 
</div>