How to remove or customize the pagination button in Bootstrap carousel
I think the best way to write your own template and add it by template-url param. E.g.:
<div class="carousel-inner" ng-transclude></div>
<a role="button"
href
class="left carousel-control"
ng-click="prev()"
ng-class="{ disabled: isPrevDisabled() }"
ng-show="slides.length > 1">
<span aria-hidden="true"
class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">previous</span>
</a>
<a role="button"
href
class="right carousel-control"
ng-click="next()"
ng-class="{ disabled: isNextDisabled() }"
ng-show="slides.length > 1">
<span aria-hidden="true"
class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">next</span>
</a>
In terms of hiding, you can use CSS to make it hidden. For example,
.carousel-indicators li { visibility: hidden; }
would make all the dots be hidden.