Javascript 如何使用angularjs将数据库中的视频链接嵌入iframe

Javascript 如何使用angularjs将数据库中的视频链接嵌入iframe,javascript,angularjs,Javascript,Angularjs,我有一个url视频链接()从我的数据库,我想嵌入到我的框架使用角度 我尝试了下面的代码,但它不工作 <iframe width="200" height="300" ng-src="http://www.youtube.com/embed/{{v_link}}" frameborder="0" allowfullscreen></iframe> 其中,{{v_link}}是在mysql数据库中存储视频的列。请提供任何帮助,您可以将所需的URL设置为: var-a

我有一个url视频链接()从我的数据库,我想嵌入到我的框架使用角度

我尝试了下面的代码,但它不工作

<iframe width="200" height="300"  ng-src="http://www.youtube.com/embed/{{v_link}}" frameborder="0" allowfullscreen></iframe>

其中,
{{v_link}}
是在mysql数据库中存储视频的列。请提供任何帮助,您可以将所需的URL设置为:

var-app=angular.module('app',[]);
应用程序控制器('MainCtrl',函数($scope){
});
app.filter('trustUrl',函数($sce){
返回函数(url){
返回$sce.trustAsResourceUrl(url);
};
});
app.directive('youtubeplyer',function(){
返回{
限制:'E',
范围:{
标题:“@”,
视频:“@”
},
是的,
替换:正确,
模板:“”,
链接:函数(范围、元素、属性){
scope.header=attrs.header;
}
};
});

AngularJS应用程序
文件。写(“”);
Lorem ipsum dolor sit amet,是一位杰出的献身者。

您得到的错误是
$interpolate:noconcat
。它说:

严格上下文转义不允许在需要可信值时连接多个表达式的插值

这意味着您必须使用所需的URL并将其标记为这将解决您的问题:

angular
.module('myApp',[])
.controller('MainCtrl',函数($sce){
this.youtubeLink=$sce.trustAsResourceUrl('https://www.youtube.com/embed/N4ony2r0QFs');
});

什么是“不工作”意思?Cosmin Ababei,第一个代码在运行时不显示任何视频