ng-grid FOUC 人工制品答案

【问题标题】：ng-grid FOUC artefactsng-grid FOUC 人工制品
【发布时间】：2014-08-20 18:11:15
【问题描述】：

我开始使用 ng-grid，老实说，驯服这头野兽并不容易。我遇到了各种各样的问题，这就是其中之一。我正在使用 ui-router，在 ng-grid 之前我使用的是我自己的基于 ng-repeat 的实现并且没有遇到过这种情况，所以我假设 ng-grid 以某种方式负责。

所以我有几个选项卡和 ui-view，下面有一个网格。每次切换选项卡时，控制器都会发起请求并为网格获取数据。当您第一次打开应用程序时，一切似乎都很好，但每当您切换到不同的选项卡时，它会在几毫秒内显示丑陋的、未绑定的内容。

我尝试使用 ng-if、ng-hide 和 ng-show - (data.length

有什么办法解决这个问题吗？

UPD：当我第一次发布这个问题时，我想如果我让网格透明然后在它获取数据后更改不透明度会怎样。所以它有点成功了。

jQuery.animate({opacity:1})

然后我删除了这个问题，但很快我意识到这不是解决问题的好方法 - 不是很有角度。问题仍未解决。

UPD：不得不放弃 ng-grid，目前正在寻找更好的东西。当前状态下的 ng-grid 太可怕了。它非常缓慢，充满了奇怪的错误，而且几乎没用。版本 3 如果远未准备好，则放弃当前版本。非常非常难过。

【问题讨论】：

您介意分享您正在使用的 ng-grid 版本吗？我们有一个类似的问题，页面模板标签显示在较慢的浏览器上。
v2.0.12 * 编译时间：08/04/2014 16:09
如果您在切换标签时看到一些奇怪的伪影，这是否意味着您的数据数组不为空？你应该确保在每个请求$scope.data = [];（或类似的东西）上转储它。 ng-hide 或 ng-cloak 应该可以工作。

标签： angularjs ng-grid

【解决方案1】：

实际上在使用 ng-grid 一段时间后，我不得不承认——它真的非常非常糟糕。任何重视自己的时间和精力的人都应该远离它。在其目前的状态下，项目完全被破坏了，有大量的错误，作者甚至不会接受任何票。他们都在努力开发一个新版本，老实说，天知道他们什么时候发布。所以，为了你自己，不要使用它！我的意思是我相信这个产品和那个团队。毕竟这些家伙给了我们很棒的 ui-router 和惊人的 angular-ui 指令。检查日期，谁知道这个答案可能已经过时了，当你看到这篇文章时，ng-grid 中的所有问题都已经解决了。但简单的事实仍然存在 - 产品非常糟糕，他们甚至决定重新命名。

现在我切换到ux-angularjs-datagrid。它可能不是一个完整的网格解决方案，也没有很酷的名称和许多您必须自己构建的功能，但它的速度和响应速度惊人。

【讨论】：