Angular js slide imagenes autoplay

[Pelao]

Hola, estoy armando un slide y actualmente funciona perfecto, lo unico que me falta es que sea automatico, que las imagenes pasen solas cada X tiempo...pero no logro hacerlo...

Tengo el siguiente controller.js

Código Javascript:

var cacheDestacados;
SiteControllers.controller('DestacadosCtrl', ['$scope','$timeout','Destacado',
  function($scope, $timeout, Destacado) {
    $scope.$parent.procesarRuta();
        
    if (cacheDestacados == undefined){
      $scope.destacados = Destacado.query(function(destacados){
        cacheDestacados = destacados;
        $scope.actual = destacados.destacados[0].Destacado.id;
      });
    } else {
      $scope.destacados = cacheDestacados
      $scope.actual = $scope.destacados.destacados[0].Destacado.id;
    }
 
    $scope.setSlide = function(id){
      $scope.actual = id;
}
    
    $scope.next = function() {
$scope.actual = id;
}
    
    $timeout(function () {
      $scope.actual = $scope.next;
  }, 2000);
  }
  ]);
 

y en el HTML lo siguiente...

Código HTML:

<div class="home-slider-container">
  <a href="#" class="hs-link-popup visible-lg visible-md"></a>
  <div class="hs-image-contaniner">
    <div class="hs-image animate" ng-repeat="destacado in destacados.destacados" actvive="destacado.active" ng-class="{active: actual == destacado.Destacado.id}" ng-animate=" 'animate' ">
      <a href="{{destacado.Destacado.link}}"><img ng-src="{{destacado.ImageDestacado}}" alt="Slider Alt" class="hs-image-img animate"></a>
    </div>
  </div>
    <ul class="hs-thumb-container">
    <li class="hs-thumb animate-3" ng-repeat="destacado in destacados.destacados" ng-class="{'hs-thumb-selected': actual == destacado.Destacado.id}">
      <a href="javascript:void(0);" ng-click="setSlide(destacado.Destacado.id)" class="hs-thumb-link animate-3">
        <div class="photo-veil hs-thumb-veil hidden-xs"></div>
      </a>
    </li>
  </ul>

</div> 

Muchas gracias!