用于celltemplates的ui网格性能问题

Question

我正在使用angular-ui-grid 3.1.1，一次只有25,50,75条记录。 每个单元格都有不同的单元模板，例如onclick popovers，悬停弹出窗口，文件下载链接，带有配置文件图像的数据，嵌套表格中的数据等。 数据在网格中呈现正常，但是在几秒钟内，网格变得无法响应。

我也创建了一个外部列选择器。在选择要显示/隐藏的列时，网格会在几秒钟内无响应。（与ui-grid提供的内置列选择器相同的无响应行为）

请为此建议任何解决方法。

Answer 1

遗憾的是，我们不得不为这些同样的问题放弃UI网格。然而，问题不是在UI-Grid中，而是在角度缺乏性能方面。在我的例子中，我使用ReactJS构建了一个网格，我创建了一个角度JS指令包装器来放置。即使只使用大量行/列的角度HTML，它也不够快。如果你还没有启用它，那么在从UI-Grid交换之前你可以尝试的最后一件事就是调查行/列虚拟化。这是测试选项

columnVirtualizationThreshold

Answer 2

如果您不更改范围变量，请在模板中尝试单向数据绑定，它会为您提供以下性能：

<span>{{::variable}}</span>

重要！：小心，因为在刷新视图之前它不会再更新数据。