代码拉取完成,页面将自动刷新
##AngularJS-RequireJS
在这个我所写应用模版中,基本实现了一下功能
<img load-src="/img/example.jpg" />
, 其中自定义loadSrc指令可以显示图片加载状态并淡入显示##目录结构
.
|-- README.md
|-- assets
| |-- css
| | `-- style.css
| |-- fonts
| |-- img
| |-- js
| | |-- app.js
| | |-- bootstrap.js
| | |-- controllers
| | | |-- about-ctrl.js
| | | |-- app-ctrl.js
| | | |-- home-ctrl.js
| | | |-- index.js
| | | `-- module.js
| | |-- directives
| | | |-- index.js
| | | |-- load-src.js
| | | `-- module.js
| | |-- filters
| | | |-- index.js
| | | `-- module.js
| | |-- main.js
| | |-- routes.js
| | `-- services
| | |-- galleries.js
| | |-- gallery.js
| | |-- index.js
| | `-- module.js
| `-- partials
| |-- about.html
| |-- home.html
| `-- menu.html
|-- bower.json
`-- index.html
##使用Bower
(1) 创建/修改bower.json
设置你想要的第三方组件
{
"name": "AngularJS + RequireJS Example",
"version": "0.1",
"main": "index.html",
"ignore": [
"**/.*",
"libs"
],
"dependencies": {
"angular": "latest",
"angular-bootstrap": "latest",
"angular-ui-router": "latest",
"angular-animate": "latest",
"angular-resource": "latest",
"angular-sanitize": "latest",
"angular-i18n": "latest",
"bootstrap": "latest",
"requirejs": "latest",
"requirejs-domready": "latest"
}
}
(2) 创建/修改.bowerrc
设置第三方组件的存放路径
{
"directory": "assets/libs"
}
(3) 安装, 获取你想要的第三方组件
在终端输入:
bower install
你也可以直接安装第三方组件, 比如:
bower install -g font-awesome
##加载资源
require.config({
// 添加库路径别名
paths: {
'domReady': '../libs/requirejs-domready/domReady',
'angular': '../libs/angular/angular.min',
'uiRouter': '../libs/angular-ui-router/release/angular-ui-router.min',
'uiBootstrap': '../libs/angular-bootstrap/ui-bootstrap-tpls.min',
'ngResource': '../libs/angular-resource/angular-resource.min'
},
// 将非AMD规范的库放入shim中
shim: {
'angular': {
exports: 'angular'
},
'uiRouter': {
//依赖于Angular,以下同
deps: ['angular']
},
'ngResource': {
deps: ['angular']
},
'uiBootstrap': {
deps: ['angular']
}
},
// kick start application
deps: ['./bootstrap']
});
待续。。。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型