为什么我的Angular.js提琴无法正常工作?

时间:2018-06-24 10:16:23

标签: javascript angularjs angular-ui-grid jsfiddle

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

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

我的小提琴在这里:

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

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>

不起作用。我在做什么错了?

2 个答案:

答案 0 :(得分:2)

我已经更新了您的小提琴,现在可以使用了。

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

答案 1 :(得分:0)

您错过了以下依赖性,

<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

希望这对您有帮助,祝您好运。