redirigir mediante el enrutamiento en angularjs

Question

tengo el siguiente requisito: debe mostrarse una lista para todos los elementos con el enlace editar y eliminar. cuando el usuario hace clic en editar, el formulario de edición debe aparecer con cuadros de texto y un botón de guardar. ahora, cuando el usuario edita los datos y hace clic en el botón Guardar, los datos deben guardarse y la página de listado debe aparecer nuevamente con los datos modificados. todo funciona bien, pero ¿cómo puedo volver a dirigirme a la página de la lista a través del enrutamiento en angularjs? a continuación es una parte del código:

controlador de encaminamiento:

angular.module('productapp', []). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/productapp', {templateUrl: 'partials/productList.html', controller: productsCtrl}). 
     when('/productapp/:productId', {templateUrl: 'partials/edit.html', controller: editCtrl}). 
     otherwise({redirectTo: '/productapp'}); 
}]); 

formulario de edición:

<div> 
    <form method="POST"> 
    <label>Add New Product:</label> 
     <input type="text" name="keywords" ng-model="product.name" placeholder="enter name..." value="{{product.name}}"> 
     <input type="text" name="desc" ng-model="product.description" placeholder="enter description..." value="{{product.description}}"> 
     <button type="submit" ng-click="save(product.product_id,$event)" >Save</button> 
    </form> 
</div> 

cómo vuelvo a dirigir a la misma página del anuncio?

Answer 1

Necesita inyectar el servicio $location en su controlador editCtrl.

Luego, en su función de guardar, agregue lo siguiente para hacer la redirección (tenga en cuenta que la ruta coincide con su ruta).

$scope.save = function (...) { 
    // ... 
    $location.path('/productapp'); 
} 

This Youtube video también podría ayudarle.