title: Can't load URL into iframe with angularJS
body: <p>Using AngularJS, Im trying to load the "myLink" URL address to iframe in another html.
  data.No is the id that i pull from another place and works fine (get the Id that i need for the url)</p>
  
  <p>in the controller - "TransactionsCtrl":</p>
  
  <pre><code>$scope.myLink = "http://"the real url"+ data.No +"&amp;file="+ data.No +"&amp;contract_id="+ data.No;
  console.log($scope.myLink);
  </code></pre>
  
  <p>in the HTML :</p>
  
  <pre><code>&lt;div ng-controller= "TransactionsCtrl"&gt;
      &lt;iframe ng-src="{{myLink}}"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and all i get is this : </p>
  
  <pre><code>Error: [$interpolate:interr] Can't interpolate: {{myLink}}
  Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy.  URL
  </code></pre>
  
  <p>when i hard coded the url its working fine. </p>