如何添加外部js文件以在angular cli V 7.2.1上工作

在Angular CLI V7.2.1上添加外部JavaScript文件可以通过以下步骤完成：

1. 首先，将外部的JavaScript文件（例如，example.js）放置在项目的assets文件夹中。assets文件夹通常位于src文件夹的根目录下。
2. 打开angular.json文件，该文件位于项目的根目录下。在该文件中，找到"architect" -> "build" -> "options" -> "assets"字段。
3. 在"assets"字段中，添加一个新的对象，指定外部JavaScript文件的路径。例如：

"assets": [
  "src/favicon.ico",
  "src/assets",
  {
    "glob": "example.js",
    "input": "src/assets/",
    "output": "/assets/"
  }
]

这将告诉Angular CLI将example.js文件复制到构建后的assets文件夹中。

1. 在你的Angular组件中，使用import语句导入外部JavaScript文件。例如，在你的组件.ts文件中添加以下代码：

import { Component, OnInit } from '@angular/core';
import * as example from '../../assets/example.js';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  constructor() { }

  ngOnInit() {
    // 在这里可以使用外部JavaScript文件中的函数或变量
    example.someFunction();
  }
}

这样，你就可以在Angular组件中使用外部JavaScript文件中的函数或变量了。

请注意，这只是一种添加外部JavaScript文件的方法，具体的实现可能因项目结构和需求而有所不同。此外，如果你使用的是TypeScript，你可能需要为外部JavaScript文件编写相应的类型声明文件（.d.ts）以获得类型检查和自动完成的支持。