[ad_1]
https://i.ytimg.com/vi/M3ZdUyaPeVg/hqdefault.jpg
▶ Check out my gear on Kit: https://kit.com/codewithsrini
How to add a library like bootstrap 4 in Angular 6 applications and use ng-bootstrap to attach behaviour for dropdown menu.
Table of Contents:
***********************
00:00:21 – Creating new Angular project
00:01:44 – npm install Bootstrap
00:03:45 – Import Bootstrap stylesheet in Angular project
00:04:54 – Add Bootstrap starter template
00:07:00 – Creating navigation component
00:09:04 – Getting the dropdown working
00:10:58 – Installing ng-bootstrap
Source Code
*************
https://github.com/codewithsrini/Angular6Bootstrap4—Dropdown-Menu
Blog:
*****
▶ http://www.codewithsrini.com
Original source
7 responses to “Angular 6 – Adding Bootstrap 4 Dropdown Menu in Angular Application and ng-bootstrap”
you are my hero
Two custions:
1. With jquery.slim.min.js and jpopper.min.js installed, the chrome console displays the following error:
popper.min.js: 4 Uncaught TypeError: Can not set property 'Popper' of undefined
at popper.min.js: 4
at popper.min.js: 4
2. Uninstalling jquery.slim.min.js and jpopper.min.js, the chrome console shows:
Uncaught TypeError: Can not read property 'fn' of undefined
at bootstrap.min.js: 6
at bootstrap.min.js: 6
at bootstrap.min.js: 6
.forRoot() is deprecated in Angular 4 now, it does not exist for ngbModule. what is the alternate solution now ? any ideas ?
nice tutorial..thank you
You just saved my life bro, thank you for this tutorial!
Thanks for important idea
Thank you very much!