AngularJS: Bootstrap-colorpicker Colors are not displayed if Jquery is added above the angularJS

Question

I have found a strange issue where if i add Jquery above the angular js, bootstrap color picker stops displaying the colors. In my index.html

<script src="assets/libs/jquery-1.12.4.min.js"></script>
<script src="assets/libs/angular.min.js"></script>

I am doing this so as to use custom scroller (nanoscroller) where they require Jquery to be initialized before angular. Can you please help ?

Answer 1

It might be the issue with jQuery compatibility.

Try loading the compatiable version of jQuery from here