Question

在 index.html 下，我已将外部js文件替换为
<script data-siteid="XXXXXX" src="https://api.cartstack.com/js/customer-tracking/website.com_c7ee604471301b0bd028e8f19a535557.js" type="text/javascript"> </script>

我必须从组件中调用名为 cartstack_updatecart（）的函数。（该功能是从上面的链接生成的）。该怎么做？

Answer 1

请按照以下步骤操作：-

1) First add a reference of your external JS file for importing it to the component. 
   Import * as abcJS from '/YourExternalJS.js';

2) Now declare a "var" of the same name that your function has inside external JS.
   declare var cartstack_updatecart: any;

3) ngOninit(){
 cartstack_updatecart();
 }

4) Do remember that your JQuery should be loaded first than your external JS file.

我在ngoninit lifecycleHook上调用了该函数。另外，与其建议在Index.html中声明外部JS文件，不如建议您在scripts数组中的angular-cli.json文件中声明它。一切顺利。

在angular 5组件中调用外部js文件的功能

1 个答案: