Я намагаюся встановити src
атрибут iframe зі змінної, і я не можу змусити його працювати ...
Розмітка:
<div class="col-xs-12" ng-controller="AppCtrl">
<ul class="">
<li ng-repeat="project in projects">
<a ng-click="setProject(project.id)" href="">{{project.url}}</a>
</li>
</ul>
<iframe ng-src="{{trustSrc(currentProject.url)}}">
Something wrong...
</iframe>
</div>
контролери / app.js:
function AppCtrl ($scope) {
$scope.projects = {
1 : {
"id" : 1,
"name" : "Mela Sarkar",
"url" : "http://blabla.com",
"description" : "A professional portfolio site for McGill University professor Mela Sarkar."
},
2 : {
"id" : 2,
"name" : "Good Watching",
"url" : "http://goodwatching.com",
"description" : "Weekend experiment to help my mom decide what to watch."
}
};
$scope.setProject = function (id) {
$scope.currentProject = $scope.projects[id];
console.log( $scope.currentProject );
}
}
З цим кодом нічого не вставляється в src
атрибут iframe . Це просто пусто.
Оновлення 1:
Я ввів $sce
залежність у AppCtrl і $ sce.trustUrl () тепер працює без помилок. Однак він повертає, TrustedValueHolderType
що я не впевнений, як використовувати для вставки фактичної URL-адреси. Повертається той самий тип, чи використовую я $ sce.trustUrl () всередині інтерполяційних дужок в атрибуті, src="{{trustUrl(currentProjectUrl))}}"
або якщо я це роблю всередині контролера під час встановлення значення currentProjectUrl. Я навіть спробував це з обома.
Оновлення 2: я з'ясував, як повернути URL з довіреногоUrlHolder за допомогою .toString (), але коли я це роблю, він видає попередження безпеки, коли я намагаюся передати його в атрибут src.
Оновлення 3: Це працює, якщо я використовую trustAsResourceUrl () в контролері і передаю його змінній, що використовується в атрибуті ng-src:
$scope.setProject = function (id) {
$scope.currentProject = $scope.projects[id];
$scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url);
console.log( $scope.currentProject );
console.log( $scope.currentProjectUrl );
}
Моя проблема, здається, вирішується цим, хоча я не зовсім впевнений, чому.