Использование iFrames в AngularJS
С помощьюAngular 1.2+
Яя пытаюсь выработатьугловая» способ загрузки в iFrame, но я могуне найти никаких уроков / каких-либо реальных дискуссий по этому вопросу в любом месте.
По сути, у меня есть страница поиска, которая отображает список ссылок. Нажатие на ссылку должно вызвать функцию в моем контроллере, которая загружает данные (возможно, через службу $ http?) В iFrame, сохраняя результаты поиска в поле зрения.
Вот'какой-то элементарный код (ямы никогда не использовалиiFrames
перед тем извиняюсь если это просто неправильно)
Посмотреть
<a ng-click="itemDetail(post._infoLink)">Here's a link!</a>
контроллер
$scope.itemDetail = function(link){
$scope.itemShown = true;
$scope.busy = true;
$http.get(link).success(function(data){
$scope.busy = false;
$scope.detailFrame = data;
});
}
Этот код в настоящее время выдает ошибку:
XMLHttpRequest cannot load . Origin http://localhost:5000 is not allowed by Access-Control-Allow-Origin.
Что-то простое в этом направлении было бы идеально. В приведенном выше (попытанном) примере результаты поиска будут оставаться на экране и перемещаться в боковую панель, в то время как iFrame загружается с внешнего сайта (в другом домене) в объем страницы.
Как этого можно добиться с помощью Angular?
Дополнительное предостережение: ссылки для загрузки в iFrame являются партнерскими ссылками, поэтому онибудет часто иметьпосредник» домен между ними, например клик-ссылка будетmydomain.com/cloakinglink
который перенаправляет наwww.zanox.com/whatever
который затем приводит к финальному сайту.www.asos.com/whatever