<!DOCTYPE html>
<html ng-app="MyApp">

  <head>
    <script data-require="angular.js@1.5.0" data-semver="1.5.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
    <script data-require="jquery@*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MyController">
    <h1>Hello Plunker!</h1>
    <p>url:{{url}}</p>
    <p>url:{{url2}}</p>
    <iframe id="a" ng-src="{{url}}" width="500px;height: 500px;"></iframe>
    <iframe id="a2" ng-src="{{url2}}" width="500px;height: 500px;"></iframe>
    <iframe id="b" width="500px;height: 500px;"></iframe>
  </body>

</html>

// Code goes here


var myApp = angular.module('MyApp', []);

myApp.controller('MyController',['$scope','$sce', function($scope,$sce){
  var url = "https://docs.angularjs.org/api/ng/directive/ngSrc";
  $scope.url = url;
  $scope.url2 = $sce.trustAsResourceUrl(url);
  
  $('#b').attr('src', url);
}]);
/* Styles go here */