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集成到有角度的应用程序中。 原理大致相同。

希望对您有所帮助。