Go from a list view to a detail view

Question

Go from a list view to a detail view

I'm making a simple chat application using AngularJS.

I have made two partial views, one which is a list of chat rooms and another detail view which right now should only display the id and name of the chat room.

Every room in the list has this link: <a href="#/rooms/{{room.id}}">{{room.name}}</a> and when I click on the link I go to index.html#/rooms/0 and can see the hardcoded text in the room details view.

I just cannot figure out how to get info on room with id = 0, which the link points to.

This is my RoomDetailController:

app.controller("RoomController", ["$scope", "$routeParams", 
    function($scope, $routeParams) {
        var roomId = $routeParams.roomId;
}]);

and this is my room-detail.html partial view:

<h2>{{room.name}}</h2>

<p>You are in chat room <b>{{room.name}}</b> with the id: <b>{{room.id}}</b>. Have fun!</p>

Room name and id don't show up in the details view. What should I do with the roomId variable to get the info to show up?

angularjs