动态创建视图

Question

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

1. userList视图（显示用户列表）
2. messageActivity视图（显示最近的消息，聊天屏幕的种类）

现在，它有单一的静态视图和路径。

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

user.html

显示在线用户列表。

当用户点击列表的用户名时，它应该基于userId创建messageActivity的唯一动态视图。可以有100个用户。无法创建100个视图。因此，观点必须是独特和动态的。我创建了messageActivity的基本模板。 这在angularjs中是否可行？

Answer 1

将用户ID作为路径参数传递。

 .when('/user/:userId',  

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

您可以将$ routeParams服务传递到您的控制器并获取userId