我是异乡的陌生人……
在我的来源中，为什么会这样：
Video Url: {{exercise.videos[0].url}}
通过显示视频的网址来工作...但是：
<iframe src="http://fast.wistia.net/embed/iframe/{{exercise.videos[0].url}}"></iframe>
只放 '{{exercise.videos[0].url}}' 而不是与其他相同的信息？
【问题讨论】：
标签： javascript angularjs iframe
因为 src 没有被 AngularJS 评估。但是ng-src 是：
<iframe ng-src="http://fast.wistia.net/embed/iframe/{{exercise.videos[0].url}}"></iframe>
【讨论】：
这里的问题不是 iframe 标签本身，而是 src 属性。当为 src 属性使用角度变量时，需要使用 ng-src 指令。
<iframe ng-src="http://fast.wistia.net.embed.iframe/{{exercise.videos[0].url}}"></iframe>
【讨论】：
第一个示例中的括号是 ngBind 指令的简写，粗略地说，它只设置元素的文本，而不是像在其他模板语言中那样在模板中充当一般文本替换。
【讨论】：
由于“严格的上下文转义”而存在此限制，并且是 AngularJS 中用于帮助防止 XSS 和点击劫持的机制。
如果您想了解更多信息，请查看此处：
https://docs.angularjs.org/api/ng/service/$sce
上述 cmets 是正确的，您可以使用 ngSrc 指令来避免必须解决它，但是看起来您必须注入 $sce 模块并使用 trustAsResourceUrl() 方法才能使其工作，这是一个工作小提琴：
HTML：
<iframe ng-src="{{exercise.videos[0].url}}"></iframe>
JS：
$scope.exercise.videos = [{url:$sce.trustAsResourceUrl("http://fast.wistia.net/embed/iframe/someUrl.html")}];
【讨论】：