为什么我的 Angular.js fiddle 不起作用？

Question

我只是想在此处复制示例：

http://ui-grid.info/docs/#!/tutorial/320_complex_grouping

我的 fiddle 在这里：

HTML代码很简单：

<div ng-controller="MainCtrl">
  <p ng-show="lastChange">Last grouping change: {{ lastChange }}</p>
  <div id="grid1" ui-grid="gridOptions" ui-grid-grouping ui-grid-edit ui-grid-selection class="grid" style="width:100%;"></div>
</div>

它不工作。我做错了什么？

Answer 1

您错过了以下依赖项，

<script src="/release/ui-grid.js"></script>
 <script src="/release/ui-grid.css"></script>
and third point is $http.get('/data/500_complex.json')
the url should be  http://ui-grid.info/data/500_complex.json

希望对你有所帮助，祝你好运。

Answer 2

我已经更新了你的fiddle，现在可以使用了。

http://jsfiddle.net/92u8jtkd/26/

您错过了两个依赖项：

<script src="http://ui-grid.info/release/ui-grid.js"></script>
<link rel="stylesheet" type="text/css" href="http://ui-grid.info/release/ui-grid.css">

并且 $http.get 位于正确的路径：

$http.get('http://ui-grid.info/data/500_complex.json')

为什么我的 Angular.js fiddle 不起作用？

Why doesn't my Angular.js fiddle work?

javascript

angularjs

angular-ui-grid

jsfiddle