Javascript angular.js中存在太多双向数据绑定问题-解决方法

我们有一个

数据在用户之间实时同步，方式与谷歌电子表格类似，为此我们使用Angular.js，并使用长轮询同步数据（不是最具可扩展性的，但符合我们的需要-具有用户设置限制的私有web应用，这很好）

该表混合了静态生成的值、输入、复选框和单元格中的选择元素

用户可以对表格/列进行排序、筛选和滚动

大约有26列，最多可以有500行，因此可能有13000（26*500）个元素需要前后同步，在大约1500个元素之后，我们发现a）渲染表格需要花费时间，b）同步数据时，它会变得不响应

从用户体验的角度来看，所有数据都需要向用户显示，除了明显的（元素较少）选项之外，是否有规定的解决方法？我是否使用了正确的工具来完成有角度的工作

我在玩弄这样的想法：

A） 将所有数据设置为“只读同步”（这样它将得到更新，但不会不断推送更新），而不是“读+写同步”，这样当它单击ie时，它仅为1路，并且仅为2路。当您单击输入时，它将成为2路元素，当您完成后，它将返回为只读同步

B） 实现一种无限滚动分页——也就是说加载20行，当你向下滚动时，它将卸载前20行并添加下20行，然后如果需要，可以向上滚动，它将重新加载前20行并卸载第二20行。我唯一关心的是它的实现可能很复杂，而且我也不确定它将如何处理过滤和排序

---

这两种方法中的任何一种都适用于克服双向数据绑定限制吗？还是我忽略了另一种方法？

我建议您看看这个：我们有一个80-100行的表，但每行大约有16个数据绑定……性能很差。我们也需要显示所有数据并支持过滤和排序，最后编写了一个使用lodash模板并缓存它们的自定义转发器。我们的数据是只读的。如果我需要保持绑定在适当的位置，我将不得不求助于不同时显示所有的绑定。是否可以在整个桌子上使用一个模型？Angular可以轻松处理一次呈现所有html，而不是查看每个单元格。这不是一个解决方案，但最终对您来说可能仍然很有趣：看看React：一些参考资料：@aet您的演示在firefox和chrome中似乎已损坏，{{}未加载。