2015-10-31 6 views
0

Я использую iframe в своем ионном приложении для открытия веб-страниц внутри приложения.iframe не работает должным образом с ионным/угловым js

Вот что у меня есть:

<iframe class= 'webPage' name= "eventsPage" ng-src="{{object.url}}"></iframe> 

Проблема заключается в том, что если я использую ng-src="{{object.url}} или src="{{object.url}} для получения URL-IFrame оленья кожа ничего не отображается, но если я ставлю жёстко прописанные URL вместо (пример http://www.google.com) это просто работает отлично.

Я также проверил выходные данные {{object.url}}, и это нормально, действительный адрес (http://www.example.com).

Любые предложения?

ответ

3

Вам необходимо ввести службу $ sce в контроллер и trustAsResourceUrl URL-адрес.

<iframe ng-src="{{trustSrc(object.url)}}"></iframe> 

и в контроллере

$scope.trustSrc = function(src) { 
     return $sce.trustAsResourceUrl(src); 
    } 
Смежные вопросы