如何在Angular 6中运行第三方JS脚本

npm install jquery

<script src="node_modules/jquery/dist/jquery.min.js"></script>

import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class ThirdPartyScriptService {
  private renderer: Renderer2;

  constructor(private rendererFactory: RendererFactory2) {
    this.renderer = rendererFactory.createRenderer(null, null);
  }

  loadScript(scriptUrl: string): Promise<void> {
    return new Promise<void>((resolve, reject) => {
      const script = this.renderer.createElement('script');
      script.src = scriptUrl;
      script.onload = () => {
        resolve();
      };
      script.onerror = () => {
        reject(new Error('Failed to load script.'));
      };
      this.renderer.appendChild(document.body, script);
    });
  }
}

import { Component, OnInit } from '@angular/core';
import { ThirdPartyScriptService } from 'path-to-third-party-script-service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  constructor(private thirdPartyScriptService: ThirdPartyScriptService) {}

  ngOnInit(): void {
    this.thirdPartyScriptService.loadScript('path-to-third-party-script.js')
      .then(() => {
        // 第三方JS脚本加载成功后的处理逻辑
      })
      .catch((error) => {
        console.error('Failed to load third-party script:', error);
      });
  }
}