Add jquery and bootstrap support to your AngularJS application

0

This article is more kind of an memory aid to use npm package to include jquery and bootstrap support to an angular project.

Install packages

npm install jquery@3.5.1 --save
npm install popperjs@1.16.0 --save
npm install bootstrap@4.5.0 --save

Update angular.json

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "./node_modules/jquery/dist/jquery.min.js",
              "./node_modules/bootstrap/dist/js/bootstrap.min.js",
              "src/assets/js/init.js"
            ]

Start your application

ng serve
Share.

About Author

Christian Unnerstall

Christian Unnerstall, founder of devshooin.com, enjoys designing and building things that look nice and work well, whether it's websites or services within the interwebs. Have questions - feel free to reach out to him. Enjoy

Leave a Reply