Javascript 动态创建视图

我正在用angular js创建一个聊天应用程序。它包含两个视图

userList视图（显示用户列表）

messageActivity视图（显示最近的消息、聊天屏幕类型）

现在，它只有一个静态视图和路由

.config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/user.html',
        controller: 'userController'
      }) 
      .otherwise({
        redirectTo: '/'
      });

user.html

它显示在线用户的列表

当用户单击列表的用户名时，它应该基于userId创建messageActivity的唯一动态视图。可以有100个用户。不可能创建100个视图。因此，视图必须是独特的和动态的。我创建了messageActivity的基本模板。

---

这在angularjs中可能吗？

将用户ID作为路由参数传递

 .when('/user/:userId',  

在用户链接中，使用/user/{{userId}}，其中userId是唯一的用户标识符，最好是数字

---

您可以将$routeParams服务传递到控制器中，并获取用户id

您可能需要在

中使用regx。当（'/chat/{regx}'

为所有人保留相同的模板时，使用url中的id加载数据