AngularJS在嵌入标记中显示Blob - 未加载文档

Question

我已经对此问题做了一些研究，但我没有在代码中发现任何问题。如果我将文件保存到磁盘，它看起来很好。 无法加载该文档... javascript blob对象有字节。 响应代码为200。

也许有人发现了编码问题？

html：

 <div data-ng-show="vouchercontent">
    <embed ng-src="{{vouchercontent}}" style="width:400px;height:700px;"></embed>
</div>

角度控制器：

$scope.vouchercontent = undefined;
$scope.generateVoucher = function() {
    var self = this;
    generateVoucherService.generateVoucher($scope.voucherdata).then(function(result) {
        var file = new Blob([result], {type: 'application/pdf' });
        var fileURL = window.URL.createObjectURL(file);
        $scope.vouchercontent = $sce.trustAsResourceUrl(fileURL);
    }, function(error) {
        alert(error);
    });};

Angular Service：

generateVoucher : function(data){
        
    return $http.post('rest/generatevoucher/generate', data, {responseType: 'arraybuffer'})
          .then(function(response){
            
              return response.data;
        
           }, function (response) {
            
              return $q.reject(response.data);
        
           });
    
}

服务响应：

控制器中的响应：