如何在angular 2+中包含javascipt代码？

<template>
  <div>
    <h1>Angular Component</h1>
    <script>
      // JavaScript代码
      function myFunction() {
        // ...
      }
    </script>
  </div>
</template>

<template>
  <div>
    <h1>Angular Component</h1>
    <script src="path/to/myScript.js"></script>
  </div>
</template>

// my-script.service.ts
import { Injectable } from '@angular/core';

@Injectable()
export class MyScriptService {
  myFunction() {
    // JavaScript代码
  }
}

// my-component.component.ts
import { Component } from '@angular/core';
import { MyScriptService } from './my-script.service';

@Component({
  selector: 'my-component',
  template: `
    <div>
      <h1>Angular Component</h1>
      <button (click)="executeScript()">Execute Script</button>
    </div>
  `,
})
export class MyComponent {
  constructor(private myScriptService: MyScriptService) {}

  executeScript() {
    this.myScriptService.myFunction();
  }
}