JavaScript – Angular Translate HTML标签

我知道这里曾经被问过,但是没有一个答案似乎适用于我的情况

我买了这个主题Angle,它与Angular 1.4.2和Angular翻译2.6.0(甚至更新到最后的2.7.2)

默认情况下,模板上有“翻译”模块

这是配置文件

$translateProvider.useStaticFilesLoader({
      prefix : 'app/i18n/',suffix : '.json'
  });
  $translateProvider.preferredLanguage('es');
  $translateProvider.useLocalStorage();
  $translateProvider.usePostCompiling(true);
   // Enable escaping of HTML
  $translateProvider.useSanitizeValueStrategy('sanitize'); // I added this line based on Docs wasn't before

并以JSON格式翻译文件

{
   "page": {
    "PAGES_WELCOME" : "Welcome to <br> MY APPLICATION,hey THERE IS A BR TAG BEFORE ME"
  },"login": {
    .
    .
    .
    .
  },

但是,我无法在文本中的JSON文件中添加HTML标签,而不是获取

欢迎来到
我的APP

我越来越

欢迎来到< br>我的APP

我如何解决这个问题？

编辑

我不想删除标签,我的JSON文件被后端修改,它可以并将包含HTML标签,我希望这些标签在输出上工作.

JADE示例内容是绑定的

div(class="col-lg-4 col-md-4 col-sm-4 col-xs-12 footer-left")
  p(class="text-center") 
    {{ 'page.PAGES_WELCOME' | translate }}

解决方法

在插值期间角度消除任何html字符串.
为了解决这个问题,您需要在注入之前在$sce中将HTML标记为安全.然后用ngBindHtml输出html.

我以前没有使用过角度翻译,但这可能会起作用：

//app is the main module
app.filter("htmlSafe",['$sce',function($sce) {
    return function(htmlCode){
        return $sce.trustAsHtml(htmlCode);
    };
}]);

//then to output it
<span data-ng-bind-html="'page.PAGES_WELCOME' | translate | htmlSafe"></span>