title: ng-src in iframe is not working
body: <p>I am using </p>
  
  <pre><code>&lt;div ng-controller="DailyReportsController"&gt;
       &lt;iframe ng-src="{{content}}" style="width:100%;height:100%;"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>to include 'pdf' file in html page. The corresponding controller is given below </p>
  
  <pre><code>mainApp.controller('DailyReportsController',
          ['$scope', '$state', '$rootScope', 'mainWebService', '$http', '$sce',
           function($scope, $state, $rootScope, mainWebService, $http, $sce) {
  
          angular.element(document).ready( function() {
                  var drtab = new Royal_Tab($('.dailyrpts_tabs.royal_tab'));
                  $scope.content =$sce.trustAsResourceUrl("https://gcc.geojit.net/researchdesk/OPTION STRATEGIES2.pdf");
  
  }
  ]);
  </code></pre>
  
  <p>But following error raises</p>
  
  <pre><code> TypeError: Cannot read property 'nodeName' of undefined
  at La (http://localhost:8080/flipxl/scripts/angular.min.js:142:109)
  at Object.Kb.$set (http://localhost:8080/flipxl/scripts/angular.min.js:65:380)
  at Object.fn (http://localhost:8080/flipxl/scripts/angular.min.js:63:358)
  at k.$digest (http://localhost:8080/flipxl/scripts/angular.min.js:109:172)
  at k.$apply (http://localhost:8080/flipxl/scripts/angular.min.js:112:173)
  at h (http://localhost:8080/flipxl/scripts/angular.min.js:72:454)
  at w (http://localhost:8080/flipxl/scripts/angular.min.js:77:347)
  at XMLHttpRequest.z.onreadystatechange (http://localhost:8080/flipxl/scripts/angular.min.js:78:420)
  </code></pre>
  
  <p>Have any solution please share with me</p>