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。当我在角度模块之外的一个html页面中使用它时它工作正常。在浏览器调试器中，它似乎没有加载javascript文件。

Answer 1

从angular5或6开始，您无法在组件模板中添加任何脚本标记。您必须在index.html中使用script标记，或者将脚本导入angular.json conf文件，然后将其绑定到组件中的var以使用其功能。

也许要小心这个link谁在一个角度应用程序集成谷歌地图。原则大致相同。

希望这有帮助。