TypeScriptファイルにスクリプトをロードしますか？

Question

次のスクリプトタグをAngular 2プロジェクトに追加しようとしていますが、これをtypescriptファイルにロードしてtsファイル内のメソッドを呼び出せる方法を探しています。

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

私はimpletementしようとしています

let paymentForm = new SqPaymentForm(); 

と

paymentForm.requestCardNonce(); 

ある私はtypescriptファイルで呼び出すことができるようにする必要があるスクリプトからいくつかのことがありますが、 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になるまでリンクする方法を知ることができません。

注：Webからのアクセスではなく、ダウンロードしたファイルでのみこれを行っています。そのため、インポートに不満がある場合は、JSをダウンロードしてみる必要があります。