在 Angular 7 中使用外部 JavaScript 文件

Question

我正在尝试在 Angular 7 项目中使用外部 JavaScript 文件，为此我已将多个 JavaScript 文件添加到 angular.json 文件中，如图所示

JavaScript files added in angular.json file

并在页面上加载默认的多个 JavaScript 文件，并使用任何参考手册，从它们被引用的地方。

请建议在 Angular 7 中使用外部 JavaScript 文件的正确方法，并建议我们应该如何在 Angular 7 中使用包 JavaScript 文件。

提前致谢。

Answer 1

要将 jQuery 导入 Angular 应用程序，您需要正确安装它。 有意见的回答如下。

1. npm install jquery --save
2. import $ from 'jquery';
3. 使用 jQuery
4. 仔细思考为什么你还在使用 jQuery

https://stackblitz.com/edit/angular-8kcpz2?file=src%2Fapp%2Fhello.component.ts

import { Component, Input } from '@angular/core';
import $ from 'jquery';

@Component({
  selector: 'hello',
  template: `<h1>Why are you still using jquery? </h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent implements OnInit  {
  @Input() name: string;
  consturctor() {}
  ngOnInit() {
    alert($('h1').text())
  }
}

您无需将其添加到您的 angular.json 文件中。