在 Ionic 中将 iframe 元素嵌入到 DOM答案

【问题标题】：Embed iframe element to DOM in Ionic在 Ionic 中将 iframe 元素嵌入到 DOM
【发布时间】：2018-01-23 06:55:07
【问题描述】：

我的 JSON 对象中有一个 iframe 元素。

这是我的 JSON 数据。

{
    "product_id":1
    "video":"<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/g1XPcFwyUts\" frameborder=\"0\" allowfullscreen></iframe>"
}

我需要使用 Angular 将此视频 (p.video) 嵌入到我的 HTML 中。

编辑：

我试过了

<div [innerHTML]="p.video">

但我犯了这个错误

警告：清理 HTML 会删除一些内容

【问题讨论】：

那么您的“视频”是 iframe，只需将其写入文档即可？ document.write(p.video) ?

标签： javascript html angular ionic-framework ionic2

【解决方案1】：

html

<div id="videoWrapper"></div>

document.getElementById('videoWrapper').innerHTML = p.video

https://jsfiddle.net/4v3zf2b3/

【讨论】：

感谢回复。我试过了。
但我收到了这个错误警告：清理 HTML 删除了一些内容
非常感谢。我有解决方案。