javascript – iframe中的Angular js scope var值

我正在使用角度js.我有一个控制器“youTubePlayerCtrl”,在这个控制器中我有$scope.videoID,其中包含youtube视频ID.我能够在h1块的下面的div中得到这个值.但是我无法在iframe中获得{{videoID}},任何人都可以帮我解决这个问题.

<div ng-controller="youTubePlayerCtrl">
    <h1>{{videoID}}</h1>
    <iframe class="youtube-player" type="text/html" width="auto"
        height="auto" src="http://www.youtube.com/embed/{{videoID}}"
        allowfullscreen frameborder="0"> </iframe>
</div>

这是错误日志:

[$interpolate:noconcat]
07000$interpolate/noconcat?p0=http%3A%2F%2Fwww.youtube.com%2Fembed%2F%7B%7BvideoID%7D%7D
at Error ()
at 07001
at g (07002)
at b.push.compile (07003)
at l (07004)
at f (07005)
at l (07006)
at f (07005)
at 07008
at 07009 angular.js:7861 (anonymous
function)

Jsfiddle(不工作)

感谢名单

首先:您需要使用ng-src而不是src,因为@Cherniv在对您的问题的评论中建议.阅读更多here.

第二:出于安全原因,您无法在源属性内部连接URL:您必须在范围变量中连接Javascript中的URL,例如: fullURL然后ng-src =“{{fullURL}}”.阅读更多here.

第三:如果启用了严格上下文转义(SCE) – 并且Angular v1.2默认启用了SCE,则需要将URL列入白名单.阅读更多herehere.

https://stackoverflow.com/questions/19289402/angular-js-scope-var-value-in-iframe

转载注明原文:javascript – iframe中的Angular js scope var值