tip:

     1，安装 Axure RP Extension for Chrome这个chrome的浏览器插件查看原型图

     2，nginx配置注意端口、注意监听端口是否重复，注意ajax开头的地址是否带”/"结尾

     3，

图片上传插件angular-file-upload 使用HTML5直接进行文件上传

     一，此次项目中上传图片的流程

          1、使用插件将图片上传至制定的公共接口，上传成功后端返回这个图片的url地址（string）

          2、提交form表单将此url连同其他信息传递给后端。

     二，使用插件

          1、在模块中注入angularFileUpload模块；

          2、在使用该插件的控制器中实例一个FileUploader对象；(vm.uploader)

          3、在HTML中使用实例对象的属性和方法，

               vm.uploader.queue  数组，表示选择的图片，准备进行上传，可以通过长度来判断用户是否选择了文件

               vm.uploader.queue[0].file.name 文件名

                                                  .file.size 文件大小 单位字节

                                                  .isSuccess  上传成功为true .isCancel 取消上传时为true  .isError 上传失败时为true

                                                  .progress 上传进度，取值0-100；

                                                  .upload() 开始上传

angular 过滤器的使用

     一、{{数据模型 | 过滤器1：参数1：参数2：参数3 | 过滤器2：参数1}}

     二、自定义过滤器

.filter('过滤器名',function () {

    return function (数据模型,参数1，参数2 ...) {

        return 数据模型

         };

 })

三、constant 的使用

    后端返回的数据很多是数字形式的参数，在前端需要转换成其他字符串表示，在模块中定义.constant

    .constant('workJob', [

        {id: 0, name: '请选择'},

        {id: 1, name: '产品经理'},

        {id: 2, name: '产品助理'},

        {id: 3, name: 'UI设计师'},

        {id: 4, name: '前端工程师'},

        {id: 5, name: '后端工程师'},

        {id: 6, name: 'Android工程师'},

        {id: 7, name: 'IOS工程师'},

        {id: 8, name: '运维工程师'},

        {id: 9, name: '运营'},

        {id: 10, name: '测试'},

        {id: 11, name: '其他'}

    ])

.filter('job', function (workJob) {

        return function (id) {

            if(id){

                return workJob[id-1].name;

            }

        }

    })