在 Angular 中添加 Paypal sdk 外部 js 作为内部 js 文件

Question

我目前在 index.html 和 <script src="https://www.paypal.com/sdk/js?client-id=...

中包含 PayPal JS SDK

为了在 .ts 文件中呈现按钮，我将使用以下代码进行跟进：

declare var paypal: any;

export class BuyComponent implements OnInit {
  @ViewChild("paypal", { static: true }) paypalElement: ElementRef;
  paypal
      .Buttons({
        ...

我尝试将其保存为 paypal.js 在 assets/js 文件夹中，然后在 angular.json 中，我添加了

"scripts": [
      ...,
      "src/assets/js/paypal.js"
  ]

但这给了我错误，因为 ReferenceError: paypal is not defined

如何将此外部 js 作为内部文件包含在我的 Angular 代码中？

Answer 1

paypal sdk js 文件应始终由每个客户端（浏览器）在页面加载时从外部获取和加载

不支持隐藏副本

在 Angular 中添加 Paypal sdk 外部 js 作为内部 js 文件

Add Paypal sdk external js as an internal js file in Angular

javascript

paypal

paypal-sandbox

angular