Umleitung durch Routing in angularjs

Question

Ich habe die folgende Voraussetzung: eine Liste sollte für alle Elemente mit Bearbeiten und Löschen Link angezeigt werden. Wenn der Benutzer auf Bearbeiten klickt, sollte das Bearbeitungsformular mit Textfeldern und einer Schaltfläche zum Speichern angezeigt werden. Wenn der Benutzer nun die Daten bearbeitet und auf die Schaltfläche zum Speichern klickt, sollten die Daten gespeichert werden und die Auflistungsseite sollte erneut mit den geänderten Daten angezeigt werden. alles funktioniert gut, aber die wie leite ich erneut auf die Liste Seite durch Routing in angularjs? unten ist ein Teil des Codes:

Leiteinrichtungskontroller:

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

bearbeiten Form:

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

, wie ich auf die gleiche Auflistung Seite umleiten?

Answer 1

Sie müssen den $location Service in Ihren editCtrl Controller injizieren.

Fügen Sie dann in Ihrer Speicherfunktion Folgendes hinzu, um die Umleitung auszuführen (beachten Sie, dass der Pfad Ihrer Route entspricht).

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

This Youtube video könnte Ihnen auch helfen.