如何在标题中使用授权承载标记以角度调用新选项卡中的POST请求

Question

我是新角色。我试图在POST方法上调用我的休息服务，这将打开一个pdf文档。

我需要在新标签中调用POST方法，从服务层获取我的pdf文档，并在标题中添加授权承载令牌。

请提出一些有效的方法来实现这一目标。

HTML

<input type="button" value="Generate PDF" (click)="generatePDF();">

component.ts

generatePDF(){

this.documentService.generatePDF();

}

service.ts

httpOptions = {
   headers: new HttpHeaders(
   {
    'authorization': 'Bearer '+this.accessTolken
  })
};

generatePDF() {

let payLoad = {
  'field1': 'field1',
  'field2': 'field2',
  'field3': 'field3',
  'field4': 'field4',
  'field5': 'field5'
}

const postUrl = `${this.serviceUrl}/pdfbypost`;
this.http.post(postUrl , payLoad,this.httpOptions)
.subscribe();                                           //Need something like this one

window.open(postUrl , "_blank");                         // or this one


}