Asia, miembro de nuestro equipo de trabajo, nos ha hecho el favor de crear esta sección ya que domina muy bien dicho tema.
Solución:
Manera más elegante sin usar
declare var $: any;
Primer intento
npm install jquery --save
npm install @types/jquery --save
Luego, en la sección de scripts en arquitecto => compilación del archivo angular.json, agregue la ruta para jquery lib
"scripts": [
"node_modules/jquery/dist/jquery.min.js"
]
Luego en tu tsconfig.app.json
"extends": "../tsconfig.json",
"compilerOptions":
"outDir": "../out-tsc/app",
"types": ["jquery"] // add here
,
"exclude": ["test.ts", "**/*.spec.ts"]
Entonces ahora puede usar jquery en cualquier parte de su proyecto sin usar declare var $ : any para cada archivo que necesita usar jquery
Angular 8 funciona con JQuery.
"dependencies":
...
"jquery": "^3.4.1",
...
en su archivo angular.json, importe el archivo requerido de esta manera:
"scripts": [
"node_modules/jquery/dist/jquery.min.js"
]
no ./ al principio, solo node_modules/...
En su app.module verifique que esté funcionando así:
import AppComponent from './app.component';
declare var $: any;
console.log(`jQuery version: $$.fn.jquery`);
@NgModule({
En la consola de herramientas del desarrollador debería imprimir esto:
Versión de jQuery: 3.4.1
Si crees que te ha sido de utilidad este artículo, sería de mucha ayuda si lo compartieras con el resto desarrolladores de esta manera contrubuyes a extender nuestro contenido.