2016-04-11 25 views
1

Çevrilmiş çevirileri, dinamik olan ve çevrilmeye ihtiyaç duyulan bazı çeviri değerleri ile kullanmaya çalışırken bir sorun yaşıyorum. İşte Köşeli Çevirme - Çevirme değerleri - değer geçişi

konuyla bir plunker daha iyi izah geçerli: PLUNKER

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

cevap

0

Sadece ana çeviride html öznitelik eklemek

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

Sonra beklediğiniz gibi çalışır .

Sadece çeviri parametresiyle dinamik içerik eklemeniz gerekir. Örneğin :

javascript dosyası

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'; 
}]); 

ve html dosyasında

<div ng-controller="Ctrl"> 
    <p translate="PARAGRAPH" translate-values="{username:myUserName, additionaldata: myAdditionalData}"></p> 
</div> 
şey benim userName kokan sonunda içeriğin bazı ekstra kısmına sahip olabilir olduğu Cevabınız için
+0

teşekkürler Tamamen cesur olmalı. –