Question

我有一个基于this plunk.

的应用

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

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

那是行不通的，所以我试图通过使用ng-grid示例的确切代码来简化问题（参见http://angular-ui.github.io/ng-grid/）。

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

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

注意：在我的应用中，我可以看到表格内容，但是左对齐＆amp;相互重写，好像涉及最大宽度或其他CSS属性。在我的分叉插件中，网格似乎是空的。

我完全被这个＆amp;非常感谢你能给予的任何帮助。感谢。

Answer 1

forked 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

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

1 个答案: