Добрый день. Столкнулся с такой проблемой - не могу разместить на странице видео с YouTube. Вот код:
angular.module('App.welcome', [
'dataService',
'ui.router'
])
.config(function config($stateProvider) {
$stateProvider.state('welcome', {
url: '/welcome',
views: {
"content": {
controller: 'welcomeCtrl',
templateUrl: 'welcome/welcome.tpl.html'
},
"menu": {
controller: 'MenuCtrl',
templateUrl: 'menu/menu.tpl.html'
}
},
data: {
pageTitle: 'welcome!'
}
});
})
.controller('welcomeCtrl', function welcomeController($scope, $rootScope, dataService, $sce) {
//если данных нет, загружаем
if (!dataService.actual_info) {
dataService.loadData('actual_info').success(function (data) {
dataService.actual_info = data;
$scope.actual_info = dataService.actual_info;
console.log($scope.actual_info);
});
} else {
$scope.actual_info = dataService.actual_info;
}
});
<div ng-controller="welcomeCtrl" class="embed-responsive embed-responsive-16by9">
<iframe ng-src="{{actual_info.actual_info_media)}}" frameborder="0" allowfullscreen></iframe>
</div>
Выдаёт ошибку:
Error: [$interpolate:interr] Can't interpolate: {{actual_info.actual_info_media}}
Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy.
Попробовал обернуть ссылку в $sce.trustAsResourceUrl
<iframe ng-src="{{$sce.trustAsResourceUrl(actual_info.actual_info_media)}}" frameborder="0" allowfullscreen></iframe>
Ошибка пропала, но и видео на странице нет(
Заранее благодарен за помощь