下載帶有角度斑點的文件

Question

我是 angular 新手，我必須向應用程序添加一個按鈕，因此當我單擊時，它應該開始下載已記錄的文件。

我有這個代碼

var _RecordStopCallback = function(blob){
            if (!blob && blob.length==0){
                $scope.isRecorded = false;
                return;
            }
            $scope.recordObj.recordedData = blob;
            const url = URL.createObjectURL(blob);
              var el = $("#downloads").html("");
              var hf = $("<a></a>");
              hf.attr({
                  src:url,
                  href:url,
                  download:$scope.recordFilename
              }).html($scope.recordFilename);
              hf.appendTo(el);
              $scope.isStoping = false;
            $scope.recordStatus = false;
            $scope.isRecorded = true;
            $scope.recordStatusText = "Start";
            $scope.streamError = "";
            _changeStatusText();
            $scope.$apply();
            $scope.saveProcess();

在 HTML 文件中：

<div ng-show="isRecorded" class="color-info"> Recorded File : <span id='downloads'></span> 
<button ng-click="{{recordFilename}}" class="btn-circle btn-circle-default">
<i class="zmdi zmdi-download"></i></button> 

這一行：

<span id='downloads'></span> 

顯示重新編碼的文件名並將其作為鏈接，所以當你點擊它時你可以直接下載它，但我不知道如何讓按鈕做同樣的事情？

任何幫助，將不勝感激！

Answer 1

您可以為被點擊的按鈕注冊一個回調，然后您可以創建您在問題中顯示的相同鏈接，將其設置為隱藏樣式，將其插入到 DOM 中並在其上調用.click() 。 需要插入到 DOM 中，否則某些瀏覽器將不會開始下載。