#javascript #jquery #angular #typescript
#javascript #jquery #angular #typescript
Вопрос:
Мы создаем один проект в angular 7. Мы хотим использовать библиотеку на основе jquery в качестве средства выбора изображений.
Мы правильно импортировали библиотеку как import * as ‘средство выбора изображений’ из ‘..asset/image-picker.min.js ‘
Также он был импортирован как скрипт в index.js с правильным путем.
Теперь мы застряли на правильном использовании этого файла в среде Typescript. Например, как использовать приведенный ниже примерный метод вышеупомянутой библиотеки в модуле Angular в компоненте и шаблонах.
Ответ №1:
Вы НЕ можете использовать библиотеки на основе jquery в контексте Angular. Это была явно не очень хорошая практика со старомодным AngularJS 1. **, теперь это даже невозможно.
Редактировать :
Согласно этому источнику, это кажется возможным. Но для меня явно не очень хорошая идея настаивать на использовании Jquery с Angular 7
Комментарии:
1. Привет, спасибо за ваше предположение, что это явно не очень хорошая практика, но иногда некоторые понятные библиотеки, такие как image picker, очень помогают, а сам jquery, похоже, типобезопасен. Да, я понимаю, что мы не можем гарантировать 100% типобезопасность приложения, когда у нас есть любой произвольный импорт js.
2. Ваши ссылки, похоже, решили мою текущую проблему, но нам нужны хорошие дебаты о том, что делать со всеми хорошими материалами jquery, которые мы все, вы, я и мир, разрабатываем в новом контексте angular.
Ответ №2:
Я видел эту библиотеку с использованием jquery, поэтому, если вы используете внешнюю библиотеку, вам нужно включить скрипт этой библиотеки на свой веб-сайт с помощью тега script или, если вы используете angular cli, вам нужно отредактировать свой angular.json и включить этот скрипт
затем используйте это в своем методе
$("select").imagepicker()
Вы можете перейти в мой блог, чтобы прочитать подробности о том, как интегрировать стороннюю библиотеку в angular здесь