带有 trustAsHtml 的 AngularJS 过滤器

Question

我正在尝试制作一个自定义过滤器，用 <br/> 替换新行，像这样:

angular.module('appFilters', []).filter('break_lines', ['$sce', function($sce) {
  return function(input) {
    return $sce.trustAsHtml(input.replace(/\n/g, "<br />"));
  };
}]);

并在这样的模板中使用它:

<div class="home-tag">{{locales.home_tagline | break_lines}}</div>

问题是生成的文本是 html 转义的。

Answer 1

尝试

<div class="home-tag" ng-bind-html="(locales.home_tagline | break_lines)"></div>

希望对你有帮助