How to set an iframe src attribute from a variable in AngularJS

by

I suspect looking at the excerpt that the function trustSrc from trustSrc(currentProject.url) is not defined in the controller.

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

In the controller:

function AppCtrl($scope, $sce) {
    // ...
    $scope.setProject = function (id) {
      $scope.currentProject = $scope.projects[id];
      $scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url);
    }
}

In the Template:

<iframe ng-src="https://stackoverflow.com/questions/20045150/{{currentProjectUrl}}"> <!--content--> </iframe>

More Related Contents:

  1. javascript function doesn’t work when link is clicked
  2. Get element from within an iFrame
  3. Can one AngularJS controller call another?
  4. Controller not a function, got undefined, while defining controllers globally
  5. Full-screen iframe with a height of 100%
  6. How to communicate between iframe and the parent site?
  7. Losing scope when using ng-include
  8. How to set bootstrap navbar active class with Angular JS?
  9. Ternary operator in AngularJS templates
  10. How to make a directive update ng-model on jquery on event?
  11. Set active tab style with AngularJS
  12. How can I detect whether an iframe is loaded?
  13. Get value of input field inside an iframe
  14. Detect click event inside iframe
  15. What’s the difference/incompatibility between ng-model and ng-value?
  16. How is it possible for an iframe to access its parents DOM?
  17. Understanding Cross-Domain issue in Iframes
  18. contentDocument for an iframe
  19. Showing alert in angularjs when user leaves a page
  20. Change iframe src by clicking a link
  21. Dynamic form name attribute in Angularjs
  22. How can I listen for a click-and-hold in AngularJS?
  23. Insert content into iFrame
  24. Extending AngularJs Directive
  25. AngularJS – placeholder for empty result from filter
  26. QuerySelector for Web Elements Inside iframe
  27. iframe Auto Adjust Height as content changes
  28. How to create a custom input type?
  29. Reload an IFRAME without adding to the history
  30. How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?

Leave a Comment