Angular 2
Använda tredjepartsbibliotek som jQuery in Angular 2
Sök…
Introduktion
När man bygger applikationer som använder Angular 2.x finns det tillfällen då det krävs att använda alla tredjepartsbibliotek som jQuery, Google Analytics, Chat Integration JavaScript API: er och etc.
Konfiguration med vinkel-cli
NPM
Om externt bibliotek som jQuery installeras med NPM
npm install --save jquery
Lägg till angular-cli.json i din angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Tillgångsmapp
Du kan också spara biblioteksfilen i din assets/js katalog och inkludera samma i angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Notera
Spara ditt huvudbibliotek- jquery och deras beroenden som jquery-cycle-plugin i tillgångskatalogen och lägg till båda i angular-cli.json , se till att ordningen bibehålls för beroenden.
Använda jQuery i Angular 2.x-komponenter
För att använda jquery i dina Angular 2.x-komponenter, förklara en global variabel på toppen
Om du använder $ för jQuery
declare var $: any;
Om du använder jQuery för jQuery
declare var jQuery: any
Detta tillåter användning av $ eller jQuery i din Angular 2.x-komponent.