Mở một PDF trong cửa sổ mới của trình duyệt với angularjs

Question

Tôi mới sử dụng js góc cạnh và tôi muốn mở tài liệu PDF trong cửa sổ mới của trình duyệt sau khi nhấn nút.

Tôi thực hiện yêu cầu GET với $http.get() ở giao diện người dùng, tại chương trình phụ trợ có dịch vụ còn lại của Java phản hồi GET và tạo tệp PDF. Tôi muốn mở tệp PDF này trên trình duyệt.

Nếu không thể mở tệp PDF theo cách này thì ít nhất hãy mở mọi tệp PDF bằng AngularJs, làm cách nào tôi có thể thực hiện việc này?

@GET 
@Path("/printPdf") 
public Response printService(){ 

//generates the pdf 

File reportFile = new File(filePath); 
String name = reportName + "." + "pdf"; 
ResponseBuilder response = Response.ok(new  TemporaryFileInputStream(reportFile)); 
response.header("Content-Disposition", "attachment; filename=" + name); 
response.header("Content-Type", "application/pdf"); 
response.header("Access-Control-Expose-Headers", "x-filename"); 
response.header("x-filename", name); 

return response.build(); 
} 

đây là những gì có ở phụ trợ để tạo phản hồi trong dịch vụ còn lại.

Answer 1

Nếu bạn có một cái gì đó như thế này:

var myPdfUrl = 'something' 
$http.get(myPdfUrl); 

Làm điều này thay vì:

var myPdfUrl = 'something' 
$window.open(myPdfUrl); 

Nếu thay vào đó bạn có một cái gì đó như thế này:

$http 
    .get(generatePdfUrl) 
    .then(function(data){ 
     //data is link to pdf 
    });  

Làm điều này:

$http 
    .get(generatePdfUrl) 
    .then(function(data){ 
     //data is link to pdf 
     $window.open(data); 
    });   

Answer 2

Có lẽ điều này có thể giúp đỡ, trong trường hợp bạn có một cái gì đó như thế này:

$http.get('generatePdfUrl') 
    .then(function (data) {  // data is your url 
     var file = new Blob([data], {type: 'application/pdf'}); 
     var fileURL = URL.createObjectURL(file); 
    }); 

Sau đó sử dụng dịch vụ của bạn trong bộ điều khiển và làm

$window.open(fileURL);