0

我正在使用 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 变量以显示信息？

4

0 回答 0