我有以下要求:
应显示所有具有编辑和删除链接的项目的列表。当用户点击编辑时,编辑表单应显示文本框和保存按钮。现在当用户编辑数据并点击保存按钮时,数据应该保存,并且列表页面应该再次显示修改的数据。
一切工作正常,但如何通过在angularjs路由重新定向到列表页面?
下面是一些代码:
应显示所有具有编辑和删除链接的项目的列表。当用户点击编辑时,编辑表单应显示文本框和保存按钮。现在当用户编辑数据并点击保存按钮时,数据应该保存,并且列表页面应该再次显示修改的数据。
一切工作正常,但如何通过在angularjs路由重新定向到列表页面?
下面是一些代码:
路由控制器:
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>
如何重定向到同一列表页面?
您需要在editCtrl控制器中注入
$location服务。
然后,在保存函数中添加以下内容以执行重定向(请注意,路径与您的路由匹配)。
$scope.save = function (...) { // ... $location.path('/productapp'); }
This Youtube video也可能帮助你。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。