首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何添加外部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文件的路径。例如:
代码语言:txt
复制
"assets": [
  "src/favicon.ico",
  "src/assets",
  {
    "glob": "example.js",
    "input": "src/assets/",
    "output": "/assets/"
  }
]

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

  1. 在你的Angular组件中,使用import语句导入外部JavaScript文件。例如,在你的组件.ts文件中添加以下代码:
代码语言:txt
复制
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)以获得类型检查和自动完成的支持。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券