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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...