Download text/csv content as files from server in Angular

by

$http service returns a promise which has two callback methods as shown below.

$http({method: 'GET', url: '/someUrl'}).
  success(function(data, status, headers, config) {
     var anchor = angular.element('<a/>');
     anchor.attr({
         href: 'data:attachment/csv;charset=utf-8,' + encodeURI(data),
         target: '_blank',
         download: 'filename.csv'
     })[0].click();

  }).
  error(function(data, status, headers, config) {
    // handle error
  });

More Related Contents:

  1. Accessing the web page’s HTTP Headers in JavaScript
  2. Error: request entity too large
  3. Set HTTP header for one request
  4. How do I access the HTTP request header fields via JavaScript?
  5. How to reload or re-render the entire page using AngularJS
  6. Calling a JSON API with Node.js
  7. SyntaxError: expected expression, got ‘
  8. using AngularJS html5mode with nodeJS and Express
  9. Reading Excel file using node.js
  10. Adding a custom header to HTTP request using angular.js
  11. How to debug angular protractor tests in WebStorm
  12. Is AngularJS just for single-page applications (SPAs)?
  13. HTTP request from Angular sent as OPTIONS instead of POST
  14. how to change the headers for angularjs $http.jsonp
  15. How to get data out of a Node.js http get request
  16. Cannot find module ‘../build/Release/bson’] code: ‘MODULE_NOT_FOUND’ } js-bson: Failed to load c++ bson extension, using pure JS version
  17. How to use HTTP.GET in AngularJS correctly? In specific, for an external API call?
  18. Empty body in fetch POST request
  19. Using Express Handlebars and Angular JS
  20. How can I use HTTPS in AngularJS?
  21. Calling Express Route internally from inside NodeJS
  22. WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400
  23. In Node.js/Express, how do I automatically add this header to every “render” response?
  24. AngularJS : factory $http service
  25. How to handle ETIMEDOUT error?
  26. multiple ui-view html files in ui-router
  27. Difference between res.send and res.json in Express.js
  28. Can’t get rid of header X-Powered-By:Express
  29. In Node.js / Express, how do I “download” a page and gets its HTML?
  30. Can I use the HTTP range header to load partial files “on purpose”?

Leave a Comment