angularjs에서 파일을 다운로드 할 수 없습니다.

Question

로컬 컴퓨터에있는 파일을 다운로드하고 싶습니다. 나는 다운로드 링크를 클릭하고 때마다 안전하지 않은 것으로 브라우저에서 URL을주고 : http://localhost:8080/MYOB_Fabric/%7B%7B

HTML 코드 :

<div ng-controller="MainCtrl"> 
    <table class="table2" border=1 frame=void rules=rows> 
     <tr> 
      <th colspan=3>Transaction Details</th> 
     </tr> 
     <tr> 
       <th>Hash</th> 
      </tr> 
      <tr ng-repeat="transaction in transactionDetails "> 
       <td><a ng-href={{ fileUrl }} download="logFile.txt">{{ transaction.Hash }}</a></td> 
      </tr> 
    </table> 
    </div> 

JS 코드 :

var appHlVl = angular.module('hlfabric', [ 'ngRoute' ]); 
appHlVl.config(['$compileProvider', function($compileProvider) { 
     $compileProvider.aHrefSanitizationWhitelist(/^\s*(|blob|):/); 
    }]); 

appHlVl.controller('MainCtrl', function($scope, $rootScope,$http,$window,$sce) { 
    var txtfileURL = '/home/rajasekhar/peer-log.txt'; 
    $http.get(txtfileURL, { responseType: 'arraybuffer' }) 
    .then(function success(response) { 
     var file = new Blob([response.data], { 
      type: 'text/plain' 
     }), 
     url = $window.URL || $window.webkitURL; 
     $scope.fileUrl = $sce.trustAsResourceUrl(url.createObjectURL(file)); 
    }); 
}); 

Answer 1

<a ng-href="{{fileUrl}}" target="_blank">{{ transaction.Hash }}</a> 

또는 app.config 파일에 넣어 이 줄

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrome-extension):/); 

Answer 2

이

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