javascript - Angular 插值 :interr error when adding url from variable

标签 javascript angularjs

<分区>

我正在尝试向这样的 youtube 网址添加动态 ID:

<iframe width="460px" height="415px" ng-src="{{post.youtube_id}}" frameborder="0" allowfullscreen></iframe>

这是我试图放入 src 的网址之一:https://www.youtube.com/embed/C-IiiFvfdVo

当我这样做时,出现以下错误:

http://errors.angularjs.org/1.5.8/$interpolate/interr?p0=%7B%7Bpost.youtube_id%7D%7D&p1=Error%3A%20%5B%24sce%3Ainsecurl%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.5.8%2F%24sce%2Finsecurl%3Fp0%3Dhttps%253A%252F%252Fwww.youtube.com%252Fembed%252FozXJ0QrEj2Y

angular.min.js:118 Error: [$interpolate:interr] http://errors.angularjs.org/1.5.8/$interpolate/interr?p0=%7B%7Bpost.youtube…ecurl%3Fp0%3Dhttps%253A%252F%252Fwww.youtube.com%252Fembed%252FozXJ0QrEj2Y at Error (native) at http://127.0.0.1:8000/static/common/angular/js/angular.min.js:6:412 at Function.Ka.interr (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:210:135) at J (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:104:438) at Array. (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:128:471) at S.exp (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:106:51) at Object.pre (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:79:374) at http://127.0.0.1:8000/static/common/angular/js/angular.min.js:16:71 at la (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:81:90) at p (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:66:149)(anonymous function) @ angular.min.js:118(anonymous function) @ angular.min.js:90J @ angular.min.js:104(anonymous function) @ angular.min.js:128S.exp @ angular.min.js:106pre @ angular.min.js:79(anonymous function) @ 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:58(anonymous function) @ angular.min.js:58(anonymous function) @ angular.min.js:63d @ angular.min.js:59m @ angular.min.js:64(anonymous function) @ angular.min.js:305q @ angular.min.js:7(anonymous function) @ 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 Error: [$interpolate:interr] http://errors.angularjs.org/1.5.8/$interpolate/interr?p0=%7B%7Bpost.youtube…ecurl%3Fp0%3Dhttps%253A%252F%252Fwww.youtube.com%252Fembed%252FozXJ0QrEj2Y at Error (native) at http://127.0.0.1:8000/static/common/angular/js/angular.min.js:6:412 at Function.Ka.interr (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:210:135) at J (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:104:438) at http://127.0.0.1:8000/static/common/angular/js/angular.min.js:128:471 at http://127.0.0.1:8000/static/common/angular/js/angular.min.js:127:103 at m.$digest (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:143:43) at m.$apply (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:146:113) at l (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:97:322) at J (http://127.0.0.1:8000/static/common/angular/js/angular.min.js:102:34)(anonymous function) @ angular.min.js:118(anonymous function) @ angular.min.js:90J @ angular.min.js:104(anonymous function) @ angular.min.js:128(anonymous function) @ 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

我如何添加这个?

最佳答案

我在这里找到了答案:External resource not being loaded by AngularJs

app.filter('trusted', ['$sce', function ($sce) {
   return $sce.trustAsResourceUrl;
}]);

然后在ng-src中指定过滤器:

<video controls poster="img/poster.png">
       <source ng-src="{{object.src | trusted}}" type="video/mp4"/>
</video>

关于javascript - Angular 插值 :interr error when adding url from variable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39480969/

相关文章:

javascript - 如何仅在第一个方法完全完成后调用另一个方法

angularjs - cookie 未设置跨域 - AngularJS 和 NodeJS/Express

javascript - 从选中的复选框获取数据

javascript - 使用node.js和angularjs将未经身份验证的用户重定向到默认URL

javascript - 没有弃用替换的 AngularJS SVG 指令

javascript - JavaScript 中类方法的原型(prototype)属性

javascript - 在 yeoman 中编译带有动画模块的 AngularJS 应用程序会出现未知的提供者错误

javascript - 如何使用 javascript 从主 svg 对象动态创建 svg View 框?

javascript - 如何移动react js中的第二个组件?

javascript - 使用 Node.js 网络服务器的 Angular.js 教程