为Angular组件动态加载外部Javascript并触发window.load

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '<div id="myDiv"></div>'
})
export class MyComponent implements OnInit {

  ngOnInit() {
    const script = document.createElement('script');
    script.src = 'path/to/external.js';
    document.body.appendChild(script);
  }
}

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '<div id="myDiv"></div>'
})
export class MyComponent implements OnInit {

  ngOnInit() {
    const script = document.createElement('script');
    script.src = 'path/to/external.js';
    script.onload = () => {
      this.externalScriptLoaded();
    };
    document.body.appendChild(script);
  }

  externalScriptLoaded() {
    // 在这里执行外部JavaScript文件加载完成后的操作
    window.dispatchEvent(new Event('load'));
  }
}

// external.js
window.addEventListener('load', function() {
  // 在window.load事件中执行的代码
  console.log('Window loaded!');
});