Javascript 使用ng bind html从角度阵列生成Iframe视频

我在通过使用ng bind html获得iframe时遇到了一些问题。我的所有数据都在一个数组中。我主要使用ng bind html将所有内容保存在一个地方。但我似乎无法让它与iframe的一起工作

这是一个我正在尝试做的例子。

x

正如你所看到的，它实际上什么也没做

$sce是一个内置的angular服务，可自动清理模板中的内容和内部源

将外部源和原始HTML注入模板需要手动包装

$sce

在本例中，我们将创建一个简单的$sce卫生过滤器：`

模板中的用法

<div ng-repeat="item in items">

    // Sanitize external sources
    <iframe ng-src="{{item.youtube_url | sanitizer}}">

    // Sanitaize and render HTML 
    <div ng-bind-html="{{item.raw_html_content| sanitizer}}"></div>

</div>

//对外部来源进行消毒
//清理并呈现HTML

这似乎给了我一个错误：[$interpole:interr]。这非常有效！非常感谢。只需一个旁注，您必须使用/embed/否则，由于将“X-Frame-Options”设置为“SAMEORIGIN”，您将得到拒绝显示的错误。我希望在没有$sce的情况下找到一个解决方案，但我想仅仅通过html绑定来翻译是没有办法的。请在问题中包含代码的相关部分，并具体询问您期望发生什么以及什么不起作用。您是否尝试过我的解决方案？

<div ng-repeat="item in items">

    // Sanitize external sources
    <iframe ng-src="{{item.youtube_url | sanitizer}}">

    // Sanitaize and render HTML 
    <div ng-bind-html="{{item.raw_html_content| sanitizer}}"></div>

</div>