Angular 2
Korzystanie z bibliotek stron trzecich, takich jak jQuery w Angular 2
Szukaj…
Wprowadzenie
Podczas budowania aplikacji przy użyciu Angular 2.x zdarza się, że wymagane jest korzystanie z bibliotek stron trzecich, takich jak jQuery, Google Analytics, interfejsy API JavaScript do integracji czatów itp.
Konfiguracja za pomocą angular-cli
NPM
Jeśli zewnętrzna biblioteka, taka jak jQuery jest instalowana przy użyciu NPM
npm install --save jquery
Dodaj ścieżkę skryptu do angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Folder zasobów
Możesz również zapisać plik biblioteki w katalogu angular-cli.json assets/js i dołączyć go do angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Uwaga
Zapisz swoją główną bibliotekę jquery i ich zależności, takie jak jquery-cycle-plugin w katalogu angular-cli.json i dodaj obie z nich do angular-cli.json , upewnij się, że kolejność jest zachowana dla zależności.
Korzystanie z jQuery w komponentach Angular 2.x.
Aby użyć jquery w komponentach Angular 2.x, zadeklaruj zmienną globalną na górze
Jeśli używasz $ dla jQuery
declare var $: any;
Jeśli używasz jQuery dla jQuery
declare var jQuery: any
Umożliwi to użycie $ lub jQuery w komponencie Angular 2.x.