Angular 2
Usando bibliotecas de terceros como jQuery en Angular 2
Buscar..
Introducción
Al crear aplicaciones utilizando Angular 2.x, hay ocasiones en las que es necesario utilizar bibliotecas de terceros como jQuery, Google Analytics, API de JavaScript de integración de chat y etc.
Configuración mediante angular-cli
NPM
Si se instala una biblioteca externa como jQuery usando NPM
npm install --save jquery
Agregue ruta de script en su angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Carpeta de activos
También puede guardar el archivo de biblioteca en su directorio de assets/js e incluirlo en angular-cli.json
"scripts": [
"assets/js/jquery.js"
]
Nota
Guarde su biblioteca principal jquery y sus dependencias, como jquery-cycle-plugin en el directorio activos y añadir a ambos en angular-cli.json , asegúrese de que se mantiene el orden de las dependencias.
Usando jQuery en componentes angulares 2.x
Para usar jquery en sus componentes de Angular 2.x, declare una variable global en la parte superior
Si usa $ para jQuery
declare var $: any;
Si usas jQuery para jQuery
declare var jQuery: any
Esto permitirá usar $ o jQuery en su componente Angular 2.x.