angular ui.router 路由传参数

Angular UI 路由参数传递

最新推荐文章于 2024-05-27 15:27:28 发布

weixin_30876945

最新推荐文章于 2024-05-27 15:27:28 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bruce-gou/p/6360051.html

本文介绍如何使用 Angular 的 UI 路由进行页面跳转时传递参数，并展示了具体的实现代码。通过示例说明如何配置路由状态及控制器中获取参数的方法。

angular已经用了一段时间了，最近在做路由，做一下笔记。

路由跳转的时候进行穿参 ui.router方式

<a ui-sref="edit({id:5})"> 编辑</a>
myapp.config(function($stateProvider, $urlRouterProvider){
    $stateProvider
        .state("edit", {
            url: "/edit/:id",
            templateUrl: "/admin/edit",
            controller:function($stateParams,$location){
                console.log($stateParams.id);
            }
        })
});