title: How to successfully embed blob PDF response in IE11/Edge
body: <p>I am not able to embed a blob url as an PDF in IE 11/Edge. There is a CORS issue and IE gives an 'Access Denied'. From my research on SO, I have realized that this is due to IE's inherent security restrictions. My question is is there any other way of taking the blob URL data response from the REST service and displaying it embedded in the browser. I want to avoid using any third party libraries.
  The service returns as below:</p>
  
  <pre><code>function getTest(id) {
          miEService.get(id)
                  .then(function (response) {                        
                          var fileUrl = URL.createObjectURL(response.data);
                          $scope.pdfData = $sce.trustAsResourceUrl(fileUrl);                        
                  });
  
  
  get: function (id) {
          var config = {
              headers: {
                  accept: 'application/pdf'
              }
              , responseType: 'blob'
  
          }
          return $http.get(miEnv.services.eApi + '?$filter=id eq' +
              ' ' + id, config);
  </code></pre>
  
  <p>Finally inside the html the display is as below -</p>
  
  <pre><code>&lt;object id="pdf" data={{$ctrl.pdfData}} type="application/pdf" width="100%" height="100%" alt="pdf" class="view-pdf_document"&gt;
  </code></pre>
  
  <p></p>