angularjs - 如何使用 AngularJS 根据生成的字符串下载文本文件？

Question

我试图让 AngularJS 在用户单击按钮时触发文件下载。

应下载的文件必须包含脚本执行期间生成的数据，因此文本文件的内容应根据 AngularJS 中的基本字符串构建。

我该如何实现这个？

这是一些关于我想象的工作原理的模型代码:

var fileContent = 'foobar';
$scope.download = function() {
  filedownload.run(fileContent, 'filename.txt');
}

Answer 1

为了实现这一点，您必须在 HTML 中创建一个 a 标记:

<a download="content.txt" ng-href="{{ url }}">download</a>

Controller :

var content = 'file content for example';
var blob = new Blob([ content ], { type : 'text/plain' });
$scope.url = (window.URL || window.webkitURL).createObjectURL( blob );

并启用 URL:

app = angular.module(...);
app.config(['$compileProvider',
    function ($compileProvider) {
        $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|tel|file|blob):/);
}]);

来源: How do you serve a file for download with AngularJS or Javascript?