angularjs - ng-bind-html 剥离元素属性

Question

我正在尝试在模板中插入包含一些标记的字符串。

在 Controller 中:
$scope.message = "Hello moto <a ui-sref='home.test'>click</a>";

模板:

<div ng-bind-html="message.text"></div>

呈现为:

<div ng-bind-html="message.text" <div="" class="ng-binding">Hello moto <a>click</a></div>

尝试使用以下过滤器也无济于事；对于任何一个注释的选择，文本都被简单地转义:

angular.module('test-filters', ['ngSanitize'])
    .filter('safe', function($sce) {
            return function(val) {
                return $sce.trustAsHtml(val);
                //return $sce.trustAsUrl(val);
                //return $sce.trustAsResourceUrl(val);
            };
    });

如何在不转义字符串或剥离属性的情况下插入字符串？

编辑:Plunker http://plnkr.co/edit/H4O16KgS0mWtpGRvW1Es?p=preview (更新了 sylwester 的版本，该版本引用了 ngSanitize

Answer 1

看看这里 http://jsbin.com/faxopipe/1/edit现在已经排序了。它不起作用，因为标签“ui-sref”中有另一个指令，所以你必须使用$sce服务。

在你的js中请添加方法:

 $scope.to_trusted = function(html_code) {
    return $sce.trustAsHtml(html_code);

并在 View 中:

<p ng-bind-html="to_trusted(message)"></p>