动态创建视图

Dynamically create views

本文关键字：视图 创建 动态      更新时间：2024-01-13

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

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

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

.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服务传递到控制器中，并获得userId

相关文章：