एंजुलरज

Question

के साथ ब्राउज़र की एक नई विंडो में एक पीडीएफ खोलें मैं कोणीय जेएस के लिए नया हूं और मैं बटन दबाकर ब्राउज़र की एक नई विंडो में एक पीडीएफ दस्तावेज खोलना चाहता हूं।

मैं आगे के अंत में $http.get() के साथ एक GET अनुरोध करता हूं, बैकएंड पर जावा आराम सेवा है जो जीईटी का जवाब देती है और पीडीएफ उत्पन्न करती है। मैं ब्राउज़र पर इस पीडीएफ को खोलना चाहता हूं।

यदि इस तरह से पीडीएफ खोलना संभव नहीं है तो कम से कम AngularJs के साथ किसी भी पीडीएफ को खोलें, मैं यह कैसे कर सकता हूं?

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

यह बाकी सेवा में प्रतिक्रिया उत्पन्न करने के लिए बैकएंड पर है।

Answer 1

आप कुछ इस तरह था:

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

इस बजाय कार्य करें:

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

आप कुछ इस तरह है, तो बजाय:

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

यह करें:

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

Answer 2

हो सकता है कि इस मामले में मदद कर सकते हैं, आप कुछ इस तरह है:

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

फिर नियंत्रक में अपनी सेवा का उपयोग और

$window.open(fileURL);