Angular Routing With Bootstrap Carousel Issue

I currently have an issue which im unsure of how to solve or if it even can be solved. I am currently using Angular JS and Bootstrap 3.0. Within my Angular project I am using rou

Solution 1:

If I understand correctly, the issue seems to be that the carousel modifies the URL and that triggers a route change for you.

The solution to this is to NOT use the bootstrap carousel as is, but instead use the angular library that wraps bootstrap to provide you angular compatible directive for bootstrap functionality

http://angular-ui.github.io/bootstrap/

This wrapper directive does not use the anchor and URL changes to provide the functionality. I'd strongly recommend using this library.