如果我使用ng-show来隐藏大型网格中的列，这将提高性能

Question

我有一个大型数据网格，有20列，大约1000行。网格显示缓慢，看起来随着滚动条移动不稳定。

有5-6列，大多数时候我不需要看。如果我使用ng-show从视图中隐藏这些列，可能会提高性能。或者，有没有其他建议可以帮助我解决这个问题?我使用的是v1.5.0和最新的浏览器。升级到最新版本会有帮助吗?

Answer 1

• ng-show呈现html，只是它隐藏了它;所以不会提高任何性能。Ng-if不会渲染html;所以用ng-if代替。

• 我建议服务器端分页/延迟加载/无限滚动，因为1000行将无法读取

• 在渲染时，如果不需要双向绑定，请使用一次性绑定{{::}}语法

Answer 2

用ng-if代替ng-show将大大提高性能。然后使用一次时间绑定。另外，尽量不要在庞大的ng重复数据中使用函数。例如ng-class="user.getClass(item)"。更少的过滤器。加上无限加载帮助您甚至更好地使用分页器。加上关闭debugInfo

app.config(['$compileProvider', function ($compileProvider) {
    $compileProvider.debugInfoEnabled(false);
}]);