创建角度用户列表（高效）

Question

我想创建如下图所示的用户列表

我使用angular和bootstrap作为基本的，我的问题是，如果用户超过10k，调用最近用户的有效方式以及如何处理分页以及如何在大量用户中进行过滤如果我打电话给10k长约翰，我认为它会非常沉重。

以下是我调用用户的代码

$http.get('/users').success(function (data) {
        $scope.users = data.results;
        alert(data);
    }).error(function (data, status) {
        alert(status);
    });

我使用mongodb和express.js

Answer 1

Angular允许您迭代一系列项目，使其不会立即一次性加载所有项目。以下就足够了。

<div ng-repeat="item in items|limitTo:4">{{item}}</div>

Answer 2

您可以通过此处粘贴的代码获取所有用户信息。我认为＆＃34;结果＆＃34;变量并不意味着什么。如果确实如此，请按照以下方式修改代码：

$http.get('/users').success(function(data) {
    $scope.users = data;
    alert(data);
    }).error(function (data, status) {
    alert(status);
});

如果您想获取最近的值，可以在控制器代码中使用这样的代码：

User.find({}).sort({
    'datetime': -1
}).limit(20);

此代码将返回最后20位用户。

由Andrew Mata提供，此代码可能适用于您的情况：

<div ng-repeat="item in items|limitTo:20">{{item}}</div>

但这最初会加载从＆＃34; / users＆＃34;返回的整个数据集。 API调用。