Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css" />
  </head>

  <body ng-app ng-controller='Ctrl'>
    <h1>Iframe SRC = {{url}}</h1>
    <button ng-click="toggle()">Toggle</button>
    <br />
    <iframe ng-src="{{url}}"></iframe>
    <br />
    <img ng-src="{{url}}" />
    
    <script src="http://code.angularjs.org/1.2.10/angular.js"></script>
    <script src="script.js"></script>
  </body>
</html>

function Ctrl($scope, $sce){
  var url1 = $sce.trustAsResourceUrl('http://w3schools.com/images/compatible_firefox.gif');
  var url2 = $sce.trustAsResourceUrl('http://w3schools.com/images/compatible_chrome.gif');

  $scope.urls = [url1,url2];
  $scope.url = $scope.urls[0];
  $scope.toggle = function(){
    if($scope.url == $scope.urls[0]){
      $scope.url = $scope.urls[1];
    } else {
      $scope.url = $scope.urls[0];
    }
  };
}

/* Styles go here */