Question

我正在做一个有角度的项目，因为我在html中使用bootstrap。在我正在使用的一个元素中，我在其href中传递了一个敏感的url（payment Url），因此我想出于安全目的而访问用户的访问令牌/授权令牌。那么有没有办法在html或ts文件中做到这一点

我尝试使用document.getElementById从ts文件设置href和授权，但未成功

HTML：

<a id="payOnline(x.courseId)"[href]="paytmUrl"(click)="payOnline(x.courseId)"  [hidden]="isEnrollDisabled(x.isEnrolled)" class="w3-bar-item w3-button">Pay Online</a>

TS代码：

  payOnline(courseId){
this.paytmUrl = "http://localhost:8080/payment/"+courseId + "/" + this.comservice.myUserId;
    (document.getElementById("payOnline" + courseId) as HTMLAnchorElement).href = this.paytmUrl; 
      }

当我从ts动态设置href标记时，是否也可以像这样设置授权？

Answer 1

首先使用其他标签或按钮更改锚标签，否则单击后将直接路由您。单击按钮后，像现在一样调用方法。要获得授权，您可以使用JWT令牌并将其添加到您的http调用中，如下所示。

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Authorization': 'my-auth-token' //use your token here
  })
};

this.http.post（'您的url'，有效负载，httpOptions）

如何在<a>标签

1 个答案: