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

Question

我有一个基于此插件的应用程序。

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

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

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

那仍然没有用，所以我试图通过向代码所基于的Plunk中添加ng-grid演示来简化问题。

如该派生的Plunk所示，这仍然不起作用 。 如果您查看它，可以搜索@@@@ begin @@@@以@@@@ begin @@@@和@@@@ end @@@@以查看我添加到这三个文件中的每个文件。

注意：在我的应用程序中，我可以看到表格的内容，但彼此对齐并覆盖，就好像涉及最大宽度或其他CSS属性一样。 在我的叉形叉车中，网格似乎是空的。

我对此一无所知，将不胜感激。 谢谢。

Answer 1

分叉的ngGrid不包括依赖的ngGrid脚本或jQuery。

<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'])

这是您的随便音乐的更新，其中包括以下更改： http : //plnkr.co/edit/V0itOu?p=preview