角請求csv文件下載URL，並強制下載

Question

如何在單擊按鈕時從Angular中觸發csv文件下載？

后端是php路由。

我嘗試了一些解決方案，該解決方案可以動態添加錨標記，並在從http請求中獲取后，將其附加到href屬性（即csv文件內容）中。 但這對我不起作用...而且當我們將csc內容追加到href屬性時，我擔心href的長度以了解它允許多少內容。

Answer 1

擺弄現有的答案后，我嘗試了以下內容及其工作方法。

使用角度1.5.9

我通過將window.location設置為csv文件下載URL使其工作。 經過測試，並且可以與最新版本的Chrome和IE11一起使用。

角

   $scope.downloadStats = function downloadStats{
        var csvFileRoute = '/stats/download';
        $window.location = url;
    }

html

<a target="_self" ng-click="downloadStats()"><i class="fa fa-download"></i> CSV</a>

在php中，為響應設置以下標頭：

$headers = [
    'content-type'              => 'text/cvs',
    'Content-Disposition'       => 'attachment; filename="export.csv"',
    'Cache-control'             => 'private, must-revalidate, post-check=0, pre-check=0',
    'Content-transfer-encoding' => 'binary',
    'Expires' => '0',
    'Pragma' => 'public',
];