title: How to link to data URL without Firefox adding "unsafe" prefix
body: <p>I'm trying to create a download link in an angular app that makes data in a model downloadable as a CSV file. I have it all working except for the actual download link. Using filesaver.js is blowing up unit tests in Karma so I'm exploring just doing it manually.</p>
  
  <p>Below is what I have. In the controller:</p>
  
  <pre><code>var blob = new Blob([data.join('\n')], {type: 'text/csv;charset=utf-8'});
  $scope.downloadUrl = URL.createObjectURL(blob);
  </code></pre>
  
  <p>In the view, I have:</p>
  
  <pre><code>&lt;a ng-href="{{downloadUrl}}" download="ttester.csv" id="download"&gt;Download&lt;/a&gt;
  </code></pre>
  
  <p>The issue is this opens a new page in Firefox 20 with the URL "unsafe:blob:af775c64-dcb1-864a-8eaa-adebe7f101a7", notice the "unsafe:" prefix. Removing that prefix downloads the data correctly, but without the filename I want.</p>
  
  <p>What am I missing in my hyperlink to make it work? I expect it to open a download dialog with the filename tester.csv for the file.</p>
  
  <p>Really appreciate any help</p>