Angular load iframe dynamically

<html>
<header>
  <!-- Angular -->
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
</header>
<body ng-app="myapp"> 
<div ng-controller="AppCtrl">
<iframe style="width: 600px; height: 800px;"ng-src="{{currentUrl}}"> </iframe> 
</div>
<script> 
var myapp = angular.module('myapp',[]);
myapp.controller('AppCtrl',function($scope,$sce){ 
$scope.currentUrl = $sce.trustAsResourceUrl("https://docs.angularjs.org"); });
</script>
</html>