Angular 2
Utilizzando librerie di terze parti come jQuery in Angular 2
Ricerca…
introduzione
Quando si creano applicazioni utilizzando Angular 2.x, è possibile che vengano utilizzate librerie di terze parti come jQuery, Google Analytics, API JavaScript di integrazione della chat e così via.
Configurazione usando angular-cli
NPM
Se la libreria esterna come jQuery viene installata usando NPM
npm install --save jquery
Aggiungi il percorso di script nel tuo angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Cartella delle risorse
È anche possibile salvare il file della libreria nella directory assets/js e includere lo stesso in angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Nota
Salvate la jquery libreria principale e le relative dipendenze come jquery-cycle-plugin nella directory assets e aggiungetele entrambe in angular-cli.json , assicuratevi che l'ordine sia mantenuto per le dipendenze.
Utilizzo di jQuery nei componenti Angular 2.x.
Per utilizzare jquery nei componenti Angular 2.x, dichiarare una variabile globale in alto
Se si usa $ per jQuery
declare var $: any;
Se si utilizza jQuery per jQuery
declare var jQuery: any
Ciò consentirà l'utilizzo di $ o jQuery nel componente Angular 2.x.