嵌套选项卡中的角度 ng-grid

Question

我有一个基于this plunk. 的应用

我的应用已经发展壮大，它可能太大太复杂，无法在此处发布，所以让我们继续讨论它所基于的 Plunk。

基本上，我只想在其中一个嵌套选项卡上使用一个 ng-grid，我将从服务器接收到的 JSON 数据填充它。

这不起作用，所以我尝试使用 ng-grid 示例的确切代码来简化问题（请参阅 http://angular-ui.github.io/ng-grid/）。

这仍然不起作用，因此我尝试通过将 ng-grid 演示添加到我的代码所基于的 Plunk 来简化问题。

这仍然不起作用，如 this forked Plunk 所示。如果你看的话，你可以搜索@@@@ begin @@@@ 和@@@@ end @@@@ 看看我在这三个文件中分别添加了什么。

注意：在我的应用程序中，我可以看到表格内容，但左对齐并相互覆盖，好像涉及最大宽度或其他 CSS 属性。在我的 fork plunk 中，网格似乎是空的。

我完全坚持这一点，非常感谢您提供的任何帮助。谢谢。

Answer 1

分叉的 plunk 不包括 ngGrid 脚本或 jQuery，它是 depends on。

<script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script data-require="ng-grid@*" data-semver="2.0.7" src="//cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.7/ng-grid.js"></script>
<script data-require="ng-grid@*" data-semver="2.0.7" src="//cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.7/ng-grid-flexible-height.min.js"></script>

您还需要将ngGrid 注入您的应用：

var app = angular.module('plunker', ['ui.bootstrap', 'ui.bootstrap.tpls', 'ui.router', 'ngGrid'])

这是对您的 plunk 的更新，其中包括这些更改：http://plnkr.co/edit/V0itOu?p=preview