Angular 7 Lesson 4 - How to add jquery and bootstrap to angular app
Angular playlist:
• Angular Tutorial 2020
Blog Link:
https://blog.myzingonline.com/2020/03...
Step 1: Install jquery
npm install jquery –save
npm install @types/jquery --save
Step 2: Import jQuery in app.module.ts.
import * as $ from 'jquery';
Step 3: Import jQuery in app.component.ts.
import * as $ from 'jquery';
Step 4: Add reference for file in angular.json
"scripts": ["node_modules/jquery/dist/jquery.min.js"],
Step 5: Component add jquery test code
-------------------------------------------------------------------------------
Adding bootstrap
Step 1: npm install bootstrap --save
npm install popper.js --save
Step 2: add file to angular.json
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
],
Social Links: [FOLLOW]
Social network section
Twitter: / myzingonline
Facebook : / myzingonline
Blog : http://blog.myzingonline.com
Youtube Channel : https://www.youtube.com/channel/UCivd...
YouTube User ID: ivd6M0sL-YaWMgwAvDtfOA
YouTube Channel ID: UCivd6M0sL-YaWMgwAvDtfOA