如何初始化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中找到教程中指定的文件。

它实际上是如何加载js和css为ui-grid?

Answer 1

我怀疑这是因为教程代码示例不是在基于电源的安装之后完成的。我使用了bower，你需要在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文件位于你安装的地方，你可以这样相对引用它们:

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