Используйте внешний файл JavaScript в угловых 7

Question

Я пытаюсь использовать внешние файлы JavaScript в проекте angular 7, и для этого я добавил несколько файлов JavaScript в файл angular.json, как на изображении

Файлы JavaScript добавлены в файл angular.json

, а также загрузку нескольких файлов JavaScript по умолчанию на странице с указанием справочного руководства, откуда они приводятся.

Пожалуйста, предложите правильный способ использования внешних файлов JavaScript в Angular 7а также подскажите, как нам использовать пакеты файлов JavaScript в Angular 7.

Заранее спасибо.

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.