Angular ui-router和ng-grid - 在页面/视图之间切换时非常滞后:(

Question

我正在尝试使用ng-grid和ui-router构建单页面应用程序。一切正常，但当用户在标签/页面之间导航时，ng-grid表格中有一些有趣的行为。它有点滞后，当数据进入并在页面之间切换时，表格看起来很糟糕

有没有办法可以使用微调器/加载文本/动画或其他任何东西来解决这个问题，并使页面之间的过渡更顺畅？

我尝试过ng-animation，但看起来更糟。

这里是整页PLUNKR

非常感谢你的帮助，我无法理解:(

Answer 1

删除＆＃39; ngAnimate＆＃39;来自app.js：

.module ('myApp', ['ngAnimate','ngResource','ui.router','ngGrid'])
to:
.module ('myApp', ['ngResource','ui.router','ngGrid'])

在页面之间切换时修复坏表。

另外如果你不想删除ngAnimate，你可以在bootstrap.css中删除它：

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

这是与ngAnimate一起破坏网格的部分。