如何初始化ui-grid？

Question

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

如何加载ui-grid的js和css？

Answer 1

我怀疑造成混淆的原因是教程代码示例不是在基于bower的安装之后完成的。我使用了bower，你需要包含在你的超文本标记语言中的所有东西(比如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>