加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

通过在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也可能帮助你。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读