How to auto redirect after X seconds in AngularJS?

Question

What is the right way to do this in AngularJS? I didn't find any simple answer to this.

I'd like to :

1. Load a page
2. Wait for X seconds
3. Being automatically redirected to another page after these seconds.

Note: I'm using ui-routing (states) to perform redirections

Thanks.

Answer 1

This works (thanks PSL):

.controller('SeeYouSoonCtrl', ['$scope', '$state', '$timeout',
                                function($scope, $state, $timeout) {

    $timeout(function() {
      $state.go('AnotherState');
      }, 3000);

    }])

Answer 2

It does work also using $location instead of $state!

JS

app.controller('SeeYouSoonCtrl', function($scope, $location, $timeout) {

    $timeout(function() {
      $location.path('/nextsite');
      }, 3000);

    });