以角度制作可编辑网格的最佳实践答案

【问题标题】：Best practice to make editable grid in angular以角度制作可编辑网格的最佳实践
【发布时间】：2013-05-22 14:16:28
【问题描述】：

我们正在将我们的应用程序从 GWT 移植到 Angular。在我们的应用程序中，我们使用可编辑的网格。

使网格可编辑的一种方法是对每个单元格使用单独的编辑器。这样做一个 4 列 100 行的简单页面需要 2000 毫秒来渲染。

另一种方法是在绝对 div 中仅使用单个编辑器并将此 div 放置在选定的 td 上。但是这样做可能需要 dom 计算，这是 angular 中禁止的。但是渲染只需要500毫秒

由于我是 Angular 新手，我们应该遵循哪种方法。

【问题讨论】：

使用 ng-grid github.com/angular-ui/ng-grid
但我在该链接上找不到可编辑的 plnkr。 angular-ui.github.io/ng-grid 指向 plnkr.co/edit/mfIWpK?p=preview 的链接说它是可编辑的，但它不是

【解决方案1】：

plunkr 中缺少 enableCellEdit: true 属性。

【讨论】：

【解决方案2】：

你也可以试试这个： http://vitalets.github.io/angular-xeditable

有可编辑的行/列和整个网格的演示。

【讨论】：

嗨，我过去曾在我的 angularjs 项目中使用过 angular-xeditable（尤其是 - vitalets.github.io/angular-xeditable/#editable-row）对于 angular，它看起来没有可用的版本。有没有计划为 Angular 发布一个。如果不能，您能否提供有关如何使用 Angular 实现此目的的指示。（另外。感谢 AngularJS 版本。它很棒，对我帮助很大。）