如何初始化ui-grid?

时间:2015-09-04 03:47:03

标签: angular-ui-grid

我只是学习ui-grid。我使用bower install angular-ui-grid。但是,我无法在https://github.com/angular-ui/ui-gridhttp://ui-grid.info/docs/#/tutorial/101_intro中找到教程中指定的文件。

如何为ui-grid加载js和css?

1 个答案:

答案 0 :(得分:0)

我怀疑这种混淆是因为教程代码示例不是在基于投影仪的安装之后完成的。我使用了凉亭,你需要包含在HTML中的所有东西(即Javascript和CSS文件)全部都放在 bower_components / angular-ui-grid 中:

matt@RD0123:~/$ ls -lt bower_components/angular-ui-grid
-rw-rw-r--  1 matt matt     704 Aug 26 10:43 bower.json
drwxrwxr-x 17 matt matt    4096 Aug 26 10:43 less
-rw-rw-r--  1 matt matt     726 Aug 26 10:43 package.json
-rw-rw-r--  1 matt matt    2047 Aug 26 10:43 README.md
-rw-rw-r--  1 matt matt   53493 Aug 26 10:43 ui-grid.css
-rw-rw-r--  1 matt matt    8728 Aug 26 10:43 ui-grid.eot
-rw-rw-r--  1 matt matt 1019595 Aug 26 10:43 ui-grid.js
-rw-rw-r--  1 matt matt   39326 Aug 26 10:43 ui-grid.min.css
-rw-rw-r--  1 matt matt  284080 Aug 26 10:43 ui-grid.min.js
-rw-rw-r--  1 matt matt    9065 Aug 26 10:43 ui-grid.svg
-rw-rw-r--  1 matt matt    8564 Aug 26 10:43 ui-grid.ttf
-rw-rw-r--  1 matt matt    4792 Aug 26 10:43 ui-grid.woff

然后,假设您的HTML文件位于同一个地方,您执行了“ bower install ”,那么您可以相应地引用它们:

<link  href="bower_components/angular-ui-grid/ui-grid.css" rel="stylesheet" />
<script src="bower_components/angular-ui-grid/ui-grid.js"></script>