# AngularJS-RequireJS

**Repository Path**: ygx/AngularJS-RequireJS

## Basic Information

- **Project Name**: AngularJS-RequireJS
- **Description**: RequireJS模块加载AngularJS
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2014-09-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

##AngularJS-RequireJS

在这个我所写应用模版中，基本实现了一下功能

 - requirejs: 模块化按需加载angularjs，可以极大的减少浏览器带宽请求数
 - angular-bootstrap：angular-ui中的bootstrap库
 - angular-ui-router：强大的router，比起ngRoute可以更好的调用view和都有的state状态
 - 自定义services：用JSONP来跨域调用远程的API
 - 自定义directives：可以创建自定义的指令，比如```<img load-src="/img/example.jpg" />```, 其中自定义loadSrc指令可以显示图片加载状态并淡入显示
 - 自定义controller：如何让导航根据url 路径显示acive状态？如何调用Services？
 
##使用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```