javascript - 在 ui-router 状态 Controller 中检索查询参数

Question

例如，我可能有一个如下描述的阶段:

.state('room', {
    url: "/room/:id",
    templateUrl: "app/views/room.html",
    controller: 'roomsCtrl'

})

然后是定义的 Controller :

angular.module('app')
    .controller('roomsCtrl', ['$scope','Room', function ($scope,Room) {
        $scope.rooms = Room.get({id: 1}, function(item) {

        });
        console.log($scope);



    }]);

在此实例中，Room 是一个已连接到 Restful api 的服务对象。我想测试 Controller 中是否存在 id 并将其传递给 id 参数“Room.get({id: 1}”(如果存在)，否则不传递任何内容。

如何检索 url 中出现的参数 ID？

就我而言，它显示为:/#/room/1

这是我看来的一些 html 示例，其中包含一个将键入 id 的链接:

<a ui-sref="room({ id: '1' })">
    {{room.name}}
</a>

Answer 1

您可以使用$stateParams 如果您使用的是 $stateProvider

$stateParams 是一项 Angular 服务，允许您检索当前的状态参数集。

angular.module('app')
    .controller('roomsCtrl', ['$scope','Room','$stateParams' function ($scope,Room, $stateParams) {

       var id = $stateParams.id;
       :
    }]);

如果您使用$routeProvider 然后使用 $routeParams

也可以尝试一下

var id = $routeParams.id;