微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – Angularjs ng-bind-html-unsafe替换

我以前能够使用ng-bind-html-unsafe来输出unsanitized代码(因为卫生处理发生在服务器端).

但现在这个选择已经消失了?我知道我可以使用$sce.trustAsHtml,但是将JavaScript添加到这个地方是一个非常大的痛苦,当不安全是如此容易使用.

我怎么不安全回来?

解决方法

那么只需创建自己的指令就很简单,这里就是一个例子.

指示:

app.directive('bindHtmlUnsafe',function( $compile ) {
    return function( $scope,$element,$attrs ) {

        var compile = function( newHTML ) { // Create re-useable compile function
            newHTML = $compile(newHTML)($scope); // Compile html
            $element.html('').append(newHTML); // Clear and append it
        };

        var htmlName = $attrs.bindHtmlUnsafe; // Get the name of the variable 
                                              // Where the HTML is stored

        $scope.$watch(htmlName,function( newHTML ) { // Watch for changes to 
                                                      // the HTML
            if(!newHTML) return;
            compile(newHTML);   // Compile it
        });

    };
});

用法

<div bind-html-unsafe="testHTML"></div>

演示:http://jsfiddle.net/cC5VZ/2

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐