在ifonic中将iframe元素嵌入到DOM中

时间:2017-08-15 10:51:34

标签: javascript html angular ionic-framework ionic2

我的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剥离了一些内容

1 个答案:

答案 0 :(得分:2)

HTML

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

JS

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

https://jsfiddle.net/4v3zf2b3/