angularjs - 创建 Angular 用户列表(高效)

标签 angularjs html twitter-bootstrap mongodb express

我想创建如下图所示的用户列表 enter image description here

我使用 angular 和 bootstrap 作为基础,我的问题是,如果用户超过 10k 怎么办,调用最近用户的有效方式是什么以及如何处理分页以及如何在大量用户中进行过滤, 如果我叫 10k long john 我认为它会很重。

这是我调用用户的代码

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

我使用 mongodb 和 express.js

最佳答案

Angular 允许您遍历一组项目,这样它就不会立即加载所有内容。以下应该足够了。

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

关于angularjs - 创建 Angular 用户列表(高效),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32420952/

相关文章:

javascript - 新行和制表符以 Angular 添加到我的字符串中

html - 如何在表格中实现文本溢出

javascript - 在提交发生之前单击输入提交时,如何验证输入?

css - 如何使缩略图在 Bootstrap 轮播下可滚动?

javascript - 将 scope.$watch 值返回给指令的链接函数

javascript - AngularJS 和 Grails 中基于角色的用户身份验证

javascript - 保持 ng-init 变量与分配的 $index 同步

javascript - 在 Batch-HTA 脚本中添加编程按钮

html - 如何使用 Bootstrap 在一行中对齐控件

html - 如何创建非固定侧边栏(Bootstrap 网格)