How to redirect page in Angular?

Question

After finishing the data update, I want the system to redirect the user to another page. I am using ui-router and I was told to use $state.go. But how do I use this command?

Follows my code:

app.controller("AtualizarUsuarioController", function ($scope, $window, $http, $state) {

$scope.usuario = {
    'id': $window.localStorage.getItem('idUsuarios'),
    'nome': $window.localStorage.getItem('nome'),
    'email': $window.localStorage.getItem('email')
}

//$location.path('/atualizarUsuario' + $scope.usuario.id);
$scope.atualizarUsuario = function (usuario) {
    $http.post("admin/php/atualizarUsuario.php", usuario).then(function (data){

        $state.go("/usuario");
    });
};

});

Answer 1

The use of state should not be used to redirect to a URL. As the name itself says, $state.go -> go to the state.

I mean, instead of:

$state.go("/usuario");

Use:

$state.go("usuario"); //exemplo do .state abaixo

.state("usuario", {
    url:"/Usuario",
    controller: "UsuarioCtrl",
    templateUrl: "meu/caminho/usuario.html"
})

Where usuario is the state NAME, not its url.

---

Important to note that you are not 'Redirecting the page', you are just changing the status of the page (state), that is, changing the content assigned to the view.

Answer 2

I would use the $Location to redirect.

app.controller('myController', function($location) {
  // ... //
  $location.path('/path');
});