通过在angularjs中的路由重定向
发布时间:2020-12-17 08:29:50 所属栏目:安全 来源:网络整理
导读:我有以下要求: 应显示所有具有编辑和删除链接的项目的列表。当用户点击编辑时,编辑表单应显示文本框和保存按钮。现在当用户编辑数据并点击保存按钮时,数据应该保存,并且列表页面应该再次显示修改的数据。 一切工作正常,但如何通过在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也可能帮助你。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |