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

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/js/153454.html

猜你在找的JavaScript相关文章