在大数据集上使用多个过滤器的angularjs-ng-repeat
发布时间:2020-12-17 08:44:39 所属栏目:安全 来源:网络整理
导读:我还是新的AngularJS,所以我只是想做一个简单的CRUD应用程序。目前,我使用控制器MyCtrl1处理的div中的$ http数据(在JSON文件中)。 function MyCtrl1($scope,$http) { $http.get('data/accounts.json').success(function(data) { $scope.accounts = data; .
我还是新的AngularJS,所以我只是想做一个简单的CRUD应用程序。目前,我使用控制器MyCtrl1处理的div中的$ http数据(在JSON文件中)。
function MyCtrl1($scope,$http) { $http.get('data/accounts.json').success(function(data) { $scope.accounts = data; ... }); } 在这个div里面有一个带有以下tbody的表: <tbody> <tr ng-repeat="account in accounts | orderBy:sort.field:sort.desc | startFrom:currentPage * pageSize | limitTo:pageSize"> <td contentEditable="true" ng-repeat="(label,value) in account" ng-show="fields[label].visible">{{value}}</td> </tr> </tbody> orderBy过滤器根据所选字段进行排序; startFrom将数组切成在某点开始; limitTo根据预设页面大小过滤。没有分页过滤器的性能是非常可怕的,但我想知道是否有另一种方法去做这个? 我有Chrome的Batarang,在性能选项卡下,它显示ngRepeatWatch占用了最多的时间,我认为它与所有的过滤我做的。
{{ expression | filter1 | filter2 }}
只是使用 <tr ng-repeat="account in accounts | filter1 | filter2 | filter3" > <td contentEditable="true" ng-repeat="(label,value) in account" ng-show="fields[label].visible">{{value}}</td> </tr> Angular 2使用pipes,但它看起来像过滤器: <div>The chained hero's birthday is <p>{{ birthday | date:'fullDate' | uppercase}}</p> <div> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- bootstrap的pages控件分页获取数据
- Bootstrap 过渡效果Transition 模态框(Modal)
- angularjs – Ionic Framework键盘隐藏输入字段
- zinnia-theme-bootstrap 使用过程中的问题
- pwntools 解决安装terminator后 unable to find a shell
- expect命令在bash脚本中不起作用
- 阉割bootstrap-2.3.2,只需要bootstrap的icon和button样式
- WebService—快速实现一个基于JAX-WS的WebService项目(一)
- 如何更改vim中的标签顺序?
- webservice中经常有这样的问题 JAXB 2.0 API is being load