title: Unable to load url into iframe via AngularJS controller
body: <p>I'm trying to dynamically load a URL into an iframe via AngularJS. For some reason, I cannot as shown in <a href="http://jsfiddle.net/W4WyL/" rel="nofollow">this fiddle</a>. Can someone please tell me what I'm doing wrong? Why can't I bind to a URL set in my controller? The code is pretty small:</p>
  
  <pre><code>&lt;div ng-app ng-controller="LoginController"&gt;
      &lt;div&gt;Trying to load {{ customUrl }}&lt;/div&gt;
      &lt;div&gt;&lt;iframe ng-src="{{trustSrc(customUrl)}}" height="480" width="640"&gt;&lt;/iframe&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  function LoginController($scope) {
      $scope.customUrl = 'http://www.google.com/custom';
  }
  </code></pre>
  
  <p>Thank you!</p>