Javascript 角度插值:从变量添加url时发生中断错误
我正在尝试向youtube url添加动态id,如下所示:Javascript 角度插值:从变量添加url时发生中断错误,javascript,angularjs,Javascript,Angularjs,我正在尝试向youtube url添加动态id,如下所示: <iframe width="460px" height="415px" ng-src="{{post.youtube_id}}" frameborder="0" allowfullscreen></iframe> 这是我试图放在src中的URL之一: 当我执行此操作时,会出现以下错误: $interpole/interr?p0=%7B%7post.youtube_id%7D%7D&p1=错误%3A%20%5B
<iframe width="460px" height="415px" ng-src="{{post.youtube_id}}" frameborder="0" allowfullscreen></iframe>
这是我试图放在src中的URL之一:
当我执行此操作时,会出现以下错误:
$interpole/interr?p0=%7B%7post.youtube_id%7D%7D&p1=错误%3A%20%5B%24sce%3Ainsecurl%5D%20http%3A%2F%2ferors.angularjs.org%2F1.5.8%2F%24sce%2Finsecurl%3Fp0%3ddhttps%253A%252F%252fwwww.youtube.com%252Fembed%252FozXJ0QrEj2Y
angular.min.js:118错误:[$interpolate:interr]
$interpole/interr?p0=%7B%7Bpost.youtube…ecurl%3Fp0%3dthttps%253A%252F%252Fwww.youtube.com%252Fembed%252FozXJ0QrEj2Y
错误的本地
在
在Function.Ka.interr
在J
在阵列上。
在S.exp
在Object.pre
在
在洛杉矶
在p函数@angular.min.js:118匿名函数@
angular.min.js:90J@angular.min.js:104匿名函数@
angular.min.js:128S.exp@angular.min.js:106pre@
angular.min.js:79匿名函数@angular.min.js:16la@
angular.min.js:81p@angular.min.js:66g@angular.min.js:58g@
angular.min.js:58g@angular.min.js:58g@angular.min.js:58g
函数@angular.min.js:58匿名函数@angular.min.js:63d
@angular.min.js:59m@angular.min.js:64匿名函数@
angular.min.js:305q@angular.min.js:7匿名函数@
angular.min.js:305$digest@angular.min.js:143$apply@
angular.min.js:146l@angular.min.js:97J@angular.min.js:102t.onload
@angular.min.js:103 angular.min.js:118错误:[$interpolate:interr]
$interpole/interr?p0=%7B%7Bpost.youtube…ecurl%3Fp0%3dthttps%253A%252F%252Fwww.youtube.com%252Fembed%252FozXJ0QrEj2Y
错误的本地
在
在Function.Ka.interr
在J
在
在
m.$digest
以万美元申请
在l
在J function@angular.min.js:118匿名函数@
angular.min.js:90J@angular.min.js:104匿名函数@
angular.min.js:128匿名函数@angular.min.js:127$digest@
angular.min.js:143$apply@angular.min.js:146l@angular.min.js:97J@
angular.min.js:102t.onload@angular.min.js:103
如何添加此项?我在这里找到了答案:
然后在ng src中指定过滤器:
<video controls poster="img/poster.png">
<source ng-src="{{object.src | trusted}}" type="video/mp4"/>
</video>
使用ng-src。如果这不起作用,那么发布你的代码以获得进一步的帮助。你能提供完整的错误链接,而不需要。。。部分你的HTML模板的上下文是什么(你想在哪里使用它)?不,他们仍然有。。。位。如果单击错误链接,则可以复制完整URL并将其粘贴到问题中。另外,在开发时使用angular.js的未统一版本;错误消息越详细越好!所以真正的错误是
<video controls poster="img/poster.png">
<source ng-src="{{object.src | trusted}}" type="video/mp4"/>
</video>