Open a PDF in a new window of the browser with angularjs

Question

I'm new to angular js and I wish to open a PDF document in a new window of the browser after pressing a button.

I make a GET request with $http.get() at front end, at backend there is a Java rest service that respond to the GET and generates a PDF. I wish to open this PDF on the browser.

If is not possible to open the PDF in this way then at least open any PDF with AngularJs, how could I do this?

@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();
}

this is what there is at backend to generate the response in the rest service.

Answer 1

If you had something like this:

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

Do this instead:

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

If instead you have something like this:

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

Do this:

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

Answer 2

Maybe this can help,in the case of you have something like this :

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

Then use your service in controller and do

$window.open(fileURL);