使用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>

希望有所帮助