Estou tentando definir o src
atributo de um iframe de uma variável e não consigo fazê-lo funcionar ...
A marcação:
<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>
controllers / 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 );
}
}
Com esse código, nada é inserido no src
atributo do iframe . Está apenas em branco.
Atualização 1:
injetei a $sce
dependência no AppCtrl e $ sce.trustUrl () agora funciona sem gerar erros. No entanto, ele retorna TrustedValueHolderType
e não tenho certeza de como usar para inserir um URL real. O mesmo tipo é retornado se eu usar $ sce.trustUrl () dentro das chaves de interpolação no atributo src="{{trustUrl(currentProjectUrl))}}"
ou se eu fizer isso dentro do controlador ao definir o valor de currentProjectUrl. Eu até tentei com os dois.
Atualização 2: Eu descobri como retornar o URL do confiávelUrlHolder usando .toString (), mas quando faço isso, ele lança o aviso de segurança ao tentar passá-lo para o atributo src.
Atualização 3: Funciona se eu usar trustAsResourceUrl () no controlador e passar isso para uma variável usada dentro do atributo 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 );
}
Meu problema parece estar resolvido com isso, embora não tenha muita certeza do porquê.