how to use bootstrap 4 carousel in angular 5 | 6

For Consultation : +91 9887575540

Stay Connected :

how to use  carousel in angular 5 | 6

In this video tutorial, I implemented a bootstrap 4 carousel in angular 6 project. first I told you that how we can upgrade angular 5 to angular 6 packages, how we can install NG Bootstrap repository in our current angular project.

Update angular 5 to angular 6

we may update angular 5 projects into angular 6 projects by running the following command.

install ng bootstrap in angular 6

Note:  Abobe command will add the latest version of the ng-bootstrap repository in your current project If you are using 4 or 5 in that condition you have to specify the ng bootstrap version accordingly.

Pass reference of ng bootstrap repository into app.module.ts

Create new component(here is slider)

Pass reference of new slider component into app.component.html

Add following code into slider.component.html and slider.component.ts


Create “img” folder into assets directory and add images

Run project using “ng serve –open”



how to use carousel in angular 5

Web Hosting

Select your currency