我只是学习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?
答案 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>