javascript - 为什么我的 Angular.js fiddle 不起作用?

标签 javascript angularjs angular-ui-grid jsfiddle

我只是想在这里复制示例:

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

我的 fiddle 在这里:

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>

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

最佳答案

我已经更新了你的 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')

关于javascript - 为什么我的 Angular.js fiddle 不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51008932/

相关文章:

javascript - 从用户输入向元素添加样式

javascript - 无法识别的表达式 : unsupported pseudo: hidden

javascript - 如何从 HTML 字符代码中获取 char?

c# - AngularJs $http.post 不渲染新 View

AngularJS - $scope.value 的重置不会改变模板中的值(随机行为)

angularjs - 使用 firebaseAuthClient 和 angularJS 的正确方法

javascript - 在 Angular UI 网格中显示数据

javascript - AngularJS - 在 ng-repeat 中排除数组键

javascript - 在 ui-grid editableCellTemplate [ng-grid 3.x] 中使用 ng-option 下拉菜单

angularjs - UI Grid header 占据整个页面