Angular使用ui.router进行参数传递的多种方式

在Angular中使用ui.router进行参数传递的多种方式

在实际工作中，我需要实现点击一个物体并重定向到物体的具体详情的页面的需求，为了实现这个功能，需要用到ui.router进行参数传递。在实现后，我将路由的参数传递实现的多种方式进行整理。

查询参数（Query Parameters）

查询参数将会被映射到UI Router的$stateParams中，可以在$stateProvider的state的属性的url模板中进行配置。

    $stateProvider.state('a', {
   
        url: '/a?paramA',
        templateUrl: 'new.html',
        controller: function ($scope, $stateParams) {
   
            $scope.paramA = $stateParams.paramA;
        }
    })

你可以在ui-sref中创建一个链接指向这个状态