Включите JQuery-Ui в проект Angular 7 для внешнего файла .js

Question

У меня есть проект Angular 7, и я пытаюсь включить плагин JQuery-Ui.Я установил JQuery и плагин и добавил в массив scripts в angular.json.У меня есть все мои функции JQuery в файле jquery.js, который я добавил в папку активов и импортировал указанный файл в мой файл component.ts.JQuery работает, но я не могу использовать функции плагина.Я попытался импортировать 'jquery-ui' в файл jquery.js, но безрезультатно.Любая помощь приветствуется.

angular.json

"scripts": [
          "../node_modules/jquery/dist/jquery.min.js",
          "../node_modules/jquery-ui/jquery-ui.js"
          ]

jquery.js

import * as $ from 'jquery';

$(document).ready(function(){

$('#page_top').children().hover(
    function(){
        $(this).animate({color: 'red'}, 200)
    },
    function(){
        $(this).animate({color: 'blue'}, 200)
    }
);

})

Answer 1

Какие ошибки вы получаете?Ваш index.html включает в себя jQuery?Из того, что я помню, если вы включите его в scripts, он автоматически сделает это за вас.Если вы пойдете по этому пути, вы можете сделать

//component.ts
declare var $; //you can now use $ just like normal jQuery
@Component({})

Я обычно не использую jQuery с Angular, но раньше это нужно было делать для проекта.