Tengo un carrusel bootstrap de Twitter en una aplicación angular. Si utilizo el atributo de diapositiva de datos así:

<a data-slide="prev" href="#myCarousel" class="left carousel-control">&lsaquo;</a>

entonces elhref=#myCarousel Se interpreta como una ruta y se vuelve a cargar la página actual. (Estoy usando el modo HTML5)

Puedo hacer que funcione el carrusel reemplazando con esto:

<a href="#" class="left carousel-control" ng-click="carouselPrev()">&lsaquo;</a>

y en el controlador:

$scope.carouselPrev = function(){
    $('#myCarousel').carousel('prev');
};

¿Pero cuál es la manera correcta de hacer esto?