routes - 通过 angularjs 中的路由进行重定向

Question

我有以下要求:应显示包含编辑和删除链接的所有项目的列表。当用户单击编辑时，应出现带有文本框和保存按钮的编辑表单。现在，当用户编辑数据并单击保存按钮时，应保存数据，并且列表页面应再次显示修改后的数据。一切正常，但我如何通过 AngularJS 中的路由再次重定向到列表页面？下面是一些代码:

路由 Controller :

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

编辑表单:

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

如何重定向到同一列表页面？

Answer 1

您需要注入(inject)$location editCtrl Controller 中的服务。

然后，在您的保存函数中添加以下内容来执行重定向(请注意，路径与您的路线匹配)。

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

This Youtube video也可能对你有帮助。