Как импортировать внешний JQuery файл в компоненте Angular 6?

Question

Я разрабатываю угловой проект 6.У меня есть одна проблема при импорте внешнего файла jquery (bootstrap-select.min.js).Я установил все файлы jquery, а также плагин jtraery для начальной загрузки с помощью команды npm install.И я включил bootstrap-select следующим образом в index.component.ts:

import { Component, OnInit, AfterViewInit } from '@angular/core'; import * as $ from 'jquery'; import 'jqueryui'; import 'bootstrap-select';

, он работает, когда проект загружается в первый раз.но когда я нажимаю любую ссылку и затем возвращаюсь на эту страницу, она не работает.В чем причина.Помогите мне, пожалуйста.Спасибо

Answer 1

Если вы посмотрите на angular.json, вы найдете свойство scripts.Который должен выглядеть примерно так:

"scripts": [
  "node_modules/jquery/dist/jquery.js",
  "node_modules/bootstrap/dist/js/bootstrap.js"
]

Попробуйте добавить туда bootstrap-select.js и перезапустите ваш dev-сервер angular-cli и посмотрите, исправит ли это.

Убедитесь, что он отображается всписок после любых зависимостей.

Кроме того, будьте осторожны, есть 2 записи "сценариев" в angular.json, убедитесь, что вы добавили их в build.options.scripts