如何在angularjs中获取URL的ID？ 我正在使用Restangular与REST API进行通信

Question

I am using Restangular to make backend calls and everything works fine as long as URL gives me data like below:

If I hit http://mysite/responses/ the responses look like

[
    {"fname":"some guy",
     "lname":"some name",
     "dob":2091,
     "job":"mgr",
     "id":"100"
     },
     {"fname":"another guy",
     "lname":"anpther name",
     "dob":1991,
     "job":"worker",
     "id":"101"
     },
     {"fname":"someone",
     "lname":"some name",
     "dob":1997,
     "job":"dev",
     "id":"102"
     },
     {"fname":"some guy2",
     "lname":"some name",
     "dob":2091,
     "job":"sec",
     "id":"103"
     }
] 

and everything works fine

which is wrapped in an array and my Restangular URL looks like

RestangularProvider.setBaseUrl('http://mysite/responses/');
RestangularProvider.setRestangularFields({ id: 'id' });

and it works all fine

Now I deconstructed the backend and API returns the data in below format

http://mysite/responses/100

{
    fname:"some guy",
     lname:"some name",
     dob:2091,
     job:"mgr",
     id:"100"
}

http://mysite/responses/101

{
    fname:"another guy",
     lname:"another name",
     dob:1991,
     job:"sec",
     id:"101"
}

http://mysite/responses/102

{
    fname:"some name",
     lname:"some person",
     dob:1091,
     job:"sec",
     id:"102"
}

http://mysite/responses/103

{
    fname:"a guy",
     lname:"person name",
     dob:1998,
     job:"dev",
     id:"103"
}

Now if I hit

http://mysite/responses/

I get below responses

http://mysite/responses/100
http://mysite/responses/101
http://mysite/responses/102
http://mysite/responses/103
http://mysite/responses/104

As you see, the id is getting appended to the url, and I need to get this id, make an Restangular call and get the data. How can I loop through this multiple http calls, get the id and put it in Angular. I think I am not constructing the BaseURl for Restanglar properly, because I am not sure how to get the id. thanks for the help

Answer 1

What you are looking for is routeParams :

https://docs.angularjs.org/api/ngRoute/service/ $routeParams

This is used together with routes:

https://docs.angularjs.org/api/ngRoute/service/ $route

For example:

$routeProvider.when('/Book/:bookId', {
    templateUrl: 'book.html',
    controller: function($scope, $routeParams) {
        console.log($routeParams.bookId);
    })
});