在Angle 7中使用外部JavaScript文件

Question

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

在angular.json文件中添加的JavaScript文件

并使用参考手册从页面上加载默认的多个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文件中。