• Monday , 6 April 2020

Angular 6 – Adding Bootstrap 4 Dropdown Menu in Angular Application and ng-bootstrap

Code Canyon
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

3d Ocean

Related Posts

7 Comments

  1. Yuri Maciel
    September 26, 2019 at 15:43

    you are my hero

  2. Antonio Fernández
    September 26, 2019 at 15:43

    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

  3. priyanka ingole
    September 26, 2019 at 15:43

    .forRoot() is deprecated in Angular 4 now, it does not exist for ngbModule. what is the alternate solution now ? any ideas ?

  4. Aravind Elumalai
    September 26, 2019 at 15:43

    nice tutorial..thank you

  5. Wistremiro Pulido
    September 26, 2019 at 15:43

    You just saved my life bro, thank you for this tutorial!

  6. Zahid Hasan
    September 26, 2019 at 15:43

    Thanks for important idea

  7. Ádám Motoros
    September 26, 2019 at 15:43

    Thank you very much!

Leave A Comment

You must be logged in to post a comment.