How to Include and Use jQuery in Angular CLI Project
Steps below:
First, install jQuery using npm as follows:
npm install jquery — save
Second, go to the ./angular.json file at the root of your Angular CLI project folder, and find the scripts: [] property, and include the path to jQuery as follows:
"scripts": [ "./node_modules/jquery/dist/jquery.min.js" ]
Note: If you want to use bootstrap in your application, or if you already have in your project, make sure to include jQuery before including the bootstrap JavaScript file
After including jQuery, stop running your Angular CLI application. Then, re-run it using
Ng serve --open
Now, to use jQuery, all you have to do is to import it in whatever component you want to use jQuery.
import * as $ from 'jquery';
or
Declare var $:any;
#channel11angular #angularjquery #angularincludejquery
On this page of the site you can watch the video online How to Include and Use jQuery in Angular CLI Project with a duration of hours minute second in good quality, which was uploaded by the user v11tv 22 October 2021, share the link with friends and acquaintances, this video has already been watched 264 times on youtube and it was liked by 1 viewers. Enjoy your viewing!
