將腳本加載到TypeScript文件中？

Question

我正在嘗試將下面的腳本標記添加到我的Angular 2項目中，但是我正在尋找一種方法將它加載到打字稿文件中，以便我可以在ts文件中調用它的方法。

<script type="text/javascript" src="https://js.squareup.com/v2/paymentform"></script> 

有從腳本幾件事情，我需要能夠在我的打字稿文件，該文件是

let paymentForm = new SqPaymentForm(); 

和

paymentForm.requestCardNonce(); 

我想impletement調用從SquareUp支付，他們在這裏有一個例子：https://docs.connect.squareup.com/articles/adding-payment-form

但是，這個例子d沒有很好地轉化爲我正在使用的打字稿設置。謝謝您的幫助！

Answer 1

您需要將腳本包含在index.html中並將其導入到組件中，如下所示。

declare var SqPaymentForm:any; 
import "https://js.squareup.com/v2/paymentform"; 

才能正常編譯的聲明是必需的，否則它不知道如何等待鏈接，直到它是JS。

注意：我只是通過下載的文件來完成此操作，而不是從網絡訪問，所以如果它抱怨導入問題，則可能需要下載JS並嘗試執行此操作。