javascript - 以角度在每个页面上加载外部js

Question

我正在使用以下代码创建一个外部 js 并将其集成到每个路由（页面）上

if(document.getElementById('mainJs') !=null){
      document.getElementById('mainJs').remove();
    }
    const main = document.createElement('script');
    main.src = '../assets/js/main.js';
    main.type = 'text/javascript';
    main.async = false;
    main.id = "mainJs";
    main.charset = 'utf-8';
    document.getElementsByTagName('head')[0].appendChild(main);

但是每当路由切换时，我的外部 js 就会停止工作

我不确定这是否正是原因，但在 chrome 的 Event-Listeners 中，js 的名称从“路由更改前”更改为“路由更改后”

是js的名称更改导致了这个问题吗？如果是，我应该怎么做才能解决这个问题？

标签： javascriptangulartypescriptangular-ui-router