如何获得Angular工作的ng-grid?

时间:2015-05-27 18:57:04

标签: angularjs ng-grid angular-ui-grid

我查看了以下链接:http://angular-ui.github.io/ng-grid/ 我已经尝试按照说明操作,但我仍然无法使用ng-grid工作。

在第2步中,它说要引用ngGrid的javascript和css文件,但我不知道要引用的几十个js文件中的哪一个,并且顶部的下载链接中没有包含任何css文件页面。

我尝试用'ngGrid'替换'ui.grid',因为这个答案建议:basic ng-grid example not working

我也尝试过关注他们的文档,但这也没有用。

我已尝试引用此css文件:

 <link rel="stylesheet" type="text/css" href="http://angular-ui.github.com/ng-grid/css/ng-grid.css" />

这是我的js参考:

<script type="text/javascript" src="http://angular-ui.github.com/ng-grid/lib/ng-grid.debug.js"></script>

以下是我的模块片段:

angular.module('app', [
        'ui.router', 'ui.bootstrap', 'angular-spinkit', 'app.controller', 'app.factory', 'ngGrid',

这是我的html:

<div class="grid-style" ng-grid="vm.gridOptions">
    </div>

这是我的控制器:

vm.myData = [{ name: "Moroni", age: 50 },
             { name: "Tiancum", age: 43 },
             { name: "Jacob", age: 27 },
             { name: "Nephi", age: 29 },
             { name: "Enos", age: 34 }];
        vm.gridOptions = { data: 'myData' };

我也在使用ui路由器,不确定这是否与此问题有关。有谁知道我在这里做错了什么?

0 个答案:

没有答案