Javascript 角度平移-平移值属性

我有一个问题，而试图使用角度翻译与一些翻译值是动态的，需要首先进行翻译

下面是一个更好地解释了这个问题的例子：

---

只需在父翻译中添加html属性即可

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

段落：'Hello{{username}}love！'，
userNameTranslate:'用户名'

然后它就如你所期望的那样工作了

您只需使用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';
}]);

var转换={
段落：'Hello{{username}}然后是一些{{additionaldata}}爱！'，
};
var app=angular.module（'myApp'，['ngSanitize'，'pascalprecht.translate']）；
app.config（['$translateProvider'，function（$translateProvider）{
$translateProvider.translations（'en'，translations）；
$translateProvider.preferredLanguage（'en'）；
//启用HTML的转义
$translateProvider.useSanitizeValueStrategy（'escaped'）；
}]);
app.controller（'Ctrl'、['$scope'、'$translate'、'$sce'，函数（$scope、$translate、$sce）{
$scope.myUserName='我的个人姓名'；
$scope.myAdditionalData='hello World'；
}]);

在html文件中

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

感谢您的回答问题是，我的用户名末尾可能有一些额外的内容，不需要完全加粗。