Angular：在HTML頁面中加載外部JavaScript

Question

我有一個Angular 6項目（用於AspNetBoilerplate），並試圖將其與信用卡支付網關集成。 以下是我應該用來在解決方案中加載其iFrame的html代碼段：

<script src="https://secure.ewaypayments.com/scripts/eCrypt.js"
   class="eway-paynow-button"
   data-publicapikey="epk-VSGG8494-DAE1-4568-3465-50XXDDT450F"
   data-amount="1000"
   data-currency="AUD" >
</script>

由於某些原因，當我在角度頁面中放置iFrame時，它不會加載iFrame。 當我在angular模塊之外的其中一個html頁面中使用它時，它工作正常。 在瀏覽器調試器中，似乎未加載javascript文件。

Answer 1

從angular5或6開始，您不能再在組件模板中添加scripts標簽。 您必須使用index.html中的script標簽或將腳本導入您的angular.json conf文件中，然后將其綁定到組件中的var中才能使用其功能。

也許當心這個鏈接 ，他們將google map集成到有角度的應用程序中。 原理大致相同。

希望對您有所幫助。