0
내 요구 사항은 동영상, 이미지 또는 메모 용 템플릿을 만드는 것입니다. 그래서, 동영상에 대한 지침을 작성하고 YouTube URL을 삽입합니다. 어떤 오류가 보이지 않고 콘솔에 올바른 URL이 표시됩니다. 하지만 UI는 공백입니다.YouTube url을 포함하는 AngularJs 지시문
지침
<ve-iframe video="item"></ve-iframe>
app.directive('veIframe', function($compile, $sce){
var linker = function(scope, element, attr) {
var youtubeUrl= 'http://www.youtube.com/embed/';
var embed = youtubeUrl+scope.video.id.videoId;
console.log(embed);
var template = '<iframe id="player" type="text/html" width="520" height="300" ng-src="{{embed}}" frameborder="0"></iframe>';
element.html(template).show();
$compile(element.contents())(scope);
}
return {
restrict: 'E',
link: linker,
scope: {
video: '='
}
}
});
화이트리스트 리소스를 사용하셨습니까? – dfsq