Итак, вы нашли эту классную волшебную ультра-классную библиотеку, которая решит все ваши проблемы в вашем приложении Angular, только одну проблему ... этой библиотеке нужна другая библиотека, не обернутая в модуль Angular, или, что еще хуже, сама библиотека имеет без обертки, поэтому все, что у вас есть, - это новый супер спортивный автомобиль V8 без колес

Это то, что случилось со мной, когда я впервые захотел использовать библиотеку под названием ng2-select2. Это классная библиотека, которая помогает вам выбирать элементы в приложении angular. Проблема возникла, когда в документации говорилось, что необходима библиотека slect2, и в итоге ей также потребовался jQuery. Оба они, библиотеки JS.

Кроме того, они обе нужны библиотеке ng2-select2 как глобальные библиотеки. Это позволило достичь их во всем приложении (и это не обязательно плохо, поскольку, вероятно, вам понадобится, чтобы ваша библиотека JS была бесплатной, как птица, и была доступна вам в любом месте вашего приложения)

Как бы то ни было, я расскажу вам, как реализовать и использовать глобальную библиотеку Javascript в вашем приложении angular и для всех практических целей Я сделаю это с помощью ng2-select2 и его зависимостей (по сути то же самое для любой библиотеки JS)

1- Первое, что вам нужно сделать, это установить вашу основную библиотеку -ng2-select2 здесь- и сохранить ее в своем package.json, как показано ниже (пропустите этот шаг, если вас интересует только сама библиотека JS)

npm i -S ng2-select2

** Примечание. вы можете добавить свои библиотеки JS, как обычное приложение JS, с помощью CDN и связать их с помощью тега сценария в файле index.html, однако это не лучший подход, так как он не рекомендуется командой angular (и в большинстве случаев вы не хотите касаться файла index.html), поэтому постарайтесь избежать этого и перейдите к шагу 2

2- Как указано в документации, для работы необходимы библиотеки select2 и jQuery, затем…

npm i -S jquery select2

Легко, не правда ли? Означает ли это, что все идет хорошо? Ну… НЕТ

Следующее, что вам нужно сделать, это сделать ваши JS-библиотеки глобальными для вашего приложения, чтобы они были доступны повсюду в приложении.

4. Импортируйте свои библиотеки JS из массива «scripts» в файл .angular-cli.json, как показано ниже.

** Примечание. Не забудьте перезапустить приложение, так как этот файл не отслеживается проектами Demon angular, которые поставляются с

Вот и все! Если вам нужно установить любую другую библиотеку JS в свое приложение, просто выполните те же действия и поместите ее в скрипт массива, как показано выше.

ЖДАТЬ! ВЫ СКАЗАЛИ, МЫ МОЖЕМ ИСПОЛЬЗОВАТЬ ЭТИ БИБЛИОТЕКИ JS В ГДЕ В МОЕМ ПРИЛОЖЕНИИ!

Да, я сделал, и для этого я настоятельно рекомендую вам установить типизацию для любой библиотеки JS, которую вы хотите использовать (если она есть). Он позволяет вам вводить объекты библиотеки, что упрощает вашу жизнь (в конце концов, это сценарий Type !, в этом его величие)

5. Установите нужные файлы наборов текста (необязательно).

npm i -S -D @ types / jquery @ types / select2

НЕ импортируйте библиотеку, которую необходимо использовать, в свой компонент с помощью оператора импорта (например, import * as $ from 'jquery';), сделав это, вы в итоге получается два экземпляра библиотеки (не круто!).

6. Просто используйте его, поскольку он уже был импортирован в ваш компонент (пожалуйста, не убивайте меня за использование jQuery с Angular!)

Вот и все!. Легко, не правда ли? Если вы найдете лучший подход или обнаружите ошибку в моем подходе, дайте мне знать. Увидимся в следующий раз ;)