从 angular 6 组件调用索引 HTML 中的 Javascript 函数

Question

I have a script in my index.html that needs to be called on the component load.

If I refresh the page completely, the script is called and my map API component shows.

If I go from component to component or page to page through my SPA, the script does not load the map at all, and needs a full page refresh in order to do so.

Here is the script:

<script>function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="https://cdn.stor....</script

(I left some out but that is the beginning of the script and it is placed right before closing body tag).

How could I call that function from my angular 6 component on init? or after init?

Answer 1

yes, you can call a JS method inside your typescript. Step I) Before your TS class, declare a variable as mentioned below.

declare var loadSFdata: Function;

Step II) now in your TS methods, simply call this JS method as you call a Function. eg.:

loadSFdata();

#NOTE: You cannot use observable or async await over to the same.