从列表视图转到详细视图

Question

我正在使用AngularJS创建一个简单的聊天应用程序。

我制作了两个部分视图，一个是聊天室列表，另一个是详细视图，现在只能显示聊天室的ID和名称。

列表中的每个房间都有以下链接：<a href="#/rooms/{{room.id}}">{{room.name}}</a>当我点击链接时，我会转到index.html#/rooms/0，可以在房间详情视图中看到硬编码的文字。

我无法弄清楚如何获取id = 0的房间信息，链接指向。

这是我的RoomDetailController：

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

这是我的room-detail.html局部视图：

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

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

房间名称和ID不会显示在详细信息视图中。我应该怎么处理roomId变量才能显示信息？