iframe not working properly with ionic/angular js

Question

I am using iframe in my ionic app to open webpages inside the application.

Here is what I have:

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

The problem is that if I use ng-src="{{object.url}} or src="{{object.url}}for getting the URL the iframe doesnt not display anything but if I put hardcoded url instead (example http://www.google.com) it just works fine.

I have also check the output of the {{object.url}} and it's fine, a valid url (http://www.example.com).

Any suggestions ?

Sajeetharan · Accepted Answer · 2015-10-31 16:12:35Z

3

You need to inject the $sce service in the controller and trustAsResourceUrl the url there.

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

and in controller

 $scope.trustSrc = function(src) {
       return $sce.trustAsResourceUrl(src);
  }

answered Oct 31, 2015 at 16:12

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

iframe not working properly with ionic/angular js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related