时间戳

首页 > 解决方案 > Angular：在 Html 页面中加载外部 javascript

javascript - Angular：在 Html 页面中加载外部 javascript

问题描述

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

标签： javascriptangularaspnetboilerplate

解决方案

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

也许注意这个将谷歌地图集成到角度应用程序中的链接。原理大致相同。

希望这有帮助。

推荐阅读