przekierowanie przez routing w angularjs

Question

Mam następujące wymaganie: lista powinna być wyświetlana dla wszystkich pozycji z linkiem do edycji i usuwania. kiedy użytkownik kliknie na edycję, powinien pojawić się formularz edycji z polami tekstowymi i przyciskiem zapisu. teraz, gdy użytkownik edytuje dane i klika przycisk zapisu, dane powinny zostać zapisane, a strona z wykazem powinna pojawić się ponownie ze zmodyfikowanymi danymi. wszystko działa dobrze, ale w jaki sposób mogę ponownie przekierować do strony z listą poprzez routing w angularjs? Poniżej niektóre z kodu:

ROUTING Kontroler:

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'}); 
}]); 

forma edit:

<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> 

jak mogę przekierować do tej samej strony aukcji?

Answer 1

Należy wprowadzić usługę $location do kontrolera editCtrl.

Następnie w funkcji składowania należy wykonać następujące czynności, aby wykonać przekierowanie (należy zwrócić uwagę, że ścieżka odpowiada trasie).

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

This Youtube video może również pomóc.