Как визуализировать данные в PDF, когда у вас есть двоичные данные с сервера?

У меня есть запрос на отправку, который я отправляю на сервер, и в ответ у меня есть двоичные данные с сервера для pdf. Как только я вызову pdfExport, я вижу ответ и загрузку файла Pdf, но когда я открываю этот файл, его пустое я не вижу данные в pdf файл. Любая идея, что я делаю неправильно в ниже кода...

До сих пор пробовал код...

mainCtrl.js

$scope.pdfExport = function(){
      var fileName = "test.pdf";
      var a = document.createElement("a");
      document.body.appendChild(a);
      console.log("Pdf export..");
      RiskHomePageService.getPdfExport($scope.dashboardGrid.options).then(function(result){
        console.log("response server",result);
        var file = new Blob([result.data], {type: 'application/force-download'});
        console.log("after blob");
        var fileURL = window.URL.createObjectURL(file);
        console.log("file data",file);
        a.href = fileURL;
        a.download = fileName;
        a.click();
      });
    }

mainService.js

getPdfExport: function(data){
          return $http.post('/app/pdf/export',data).then(function(response){
            return response;
          });
        }