title: iframe downloads the html source instead of displaying it
body: <p>I am trying to embed an html file in a page. </p>
  
  <p>I use the following code: </p>
  
  <pre><code>&lt;iframe src="{{resource.previewUrl}}" allowfullscreen webkitallowfullscreen mozallowfullscreen height="700" width="100%" frameborder="0" marginheight="0" marginwidth="0" &gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>The source I get through angular is the address to the index.html file which is in Azure blob storage:</p>
  
  <pre><code>_sc.resource.previewUrl = $sce.trustAsResourceUrl("http://portalxxxxxxx.blob.core.windows.net/path/to/index.html");
  </code></pre>
  
  <p>When I open the page, it downloads the index.html file to my computer instead of displaying it. How can I force it to display?</p>