The AngularJS ngRoute directive intercepts anchor link click which is why Bootstrap carousel control does not work if controls are anchor link. The simple solution replace “anchor” tag with “span” tag
From:
1 2 |
<a class="left carousel-control" href="#carousel" role="button" data-slide="prev">Prev</a> <a class="right carousel-control" href="#carousel" role="button" data-slide="next">Next</a> |
To:
1 2 |
<span class="left carousel-control" href="#carousel" role="button" data-slide="prev">Prev</span> <span class="right carousel-control" href="#carousel" role="button" data-slide="next">Next</span> |
I was struggling with it for hours , thank man
Thanks very thanks, it’s worked 🙂 🙂
Thank you so much. This saved my time.
Thanks……..
Thanks a ton!
Hi Muhammed this is not working for me ,is there we need to call any function.
as simple it is not working ,
can you please help me out.
Thanks in advance
Hi Ashish, that fix posted 1 year back and I didn’t check recently.
If you can share code in git I can take a look.
Thanks
Thanks man this saved me from a lot of stress
Superb fix..saved my day..