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ファイルのPUTをこの行

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

Answer 2

がこの

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