我试图使用$sanitize提供者和ng-bind-htm-unsafe指令，以允许我的控制器将HTML注入DIV。
然而，我不能让它工作。
<div ng-bind-html-unsafe="{{preview_data.preview.embed.html}}"></div>
我发现这是因为它被从AngularJS中删除了(谢谢)。
但是如果没有ng-bind-html-unsafe，我就会得到这个错误:
http://errors.angularjs.org/undefined/预计美元/不安全
当前回答
你不需要在ng-bind-html-unsafe中使用{{}}:
<div ng-bind-html-unsafe="preview_data.preview.embed.html"></div>
这里有一个例子:http://plnkr.co/edit/R7JmGIo4xcJoBc1v4iki?p=preview
{{}}操作符本质上只是ng-bind的简写，所以您尝试的是绑定中的绑定，这是行不通的。
其他回答
我也遇到过类似的问题。仍然无法从我的标记文件托管在github上的内容。
在app.js中为$sceDelegateProvider设置白名单(添加github域)后，它就像一个魅力。
说明:如果您从不同的url加载内容，则使用白名单而不是包装为受信任。
文档:$sceDelegateProvider和ngInclude(用于获取、编译和包含外部HTML片段)
你不需要在ng-bind-html-unsafe中使用{{}}:
<div ng-bind-html-unsafe="preview_data.preview.embed.html"></div>
这里有一个例子:http://plnkr.co/edit/R7JmGIo4xcJoBc1v4iki?p=preview
{{}}操作符本质上只是ng-bind的简写，所以您尝试的是绑定中的绑定，这是行不通的。
你可以像这样使用滤镜
angular.module('app').filter('trustAs', ['$sce',
function($sce) {
return function (input, type) {
if (typeof input === "string") {
return $sce.trustAs(type || 'html', input);
}
console.log("trustAs filter. Error. input isn't a string");
return "";
};
}
]);
使用
<div ng-bind-html="myData | trustAs"></div>
它可以用于其他资源类型，例如iframes的源链接和这里声明的其他类型
而不是像Alex建议的那样在你的作用域中声明一个函数，你可以将它转换为一个简单的过滤器:
angular.module('myApp')
.filter('to_trusted', ['$sce', function($sce){
return function(text) {
return $sce.trustAsHtml(text);
};
}]);
然后你可以这样使用它:
<div ng-bind-html="preview_data.preview.embed.html | to_trusted"></div>
这里有一个工作示例:http://jsfiddle.net/leeroy/6j4Lg/1/
对我来说，最简单、最灵活的解决方案是:
<div ng-bind-html="to_trusted(preview_data.preview.embed.html)"></div>
并添加功能到您的控制器:
$scope.to_trusted = function(html_code) {
return $sce.trustAsHtml(html_code);
}
不要忘记在控制器的初始化中添加$sce。
