今天完成的事情

1. 1. 完成图片上传部分；
   使用ng2-file-upload插件，插件的文档很坑的，还是看了一个大神的文章才搞的出来一点。主要的函数只有这部分：

  // upload main fun
  public upload(i) {
    this.uploader.queue[i].upload();
    this.uploader.queue[i].onSuccess = (response, status) => {
      // 上传文件成功
      if (status == 200) {
        // 上传文件后获取服务器返回的数据
        this.feedBack = JSON.parse(response);
        
        if(this.feedBack.message == 'success') {
          this.setImg = this.feedBack.data.url;
          this.imgStatus = true;
        } else {
          this.imgStatus = false;
        }
      }else {
        // 上传文件后获取服务器返回的数据错误
        console.log('upload error！');
      }
    };
  }

琢磨出这个也是看这个这个插件的接口好久，然后看了简书上的一个大神的文章，讲的都比较笼统，对新手不是很友好。官方的文档没有注释。
2. 新增Article部分提交完成。应该还需要改一改，依靠传入的参数来决定是新增还是修改。

明天计划的事情

1. 1. 修改今天的bug。
2. 2. 完成路由参数传输。先看一下activedRouter吧。

遇到的问题

有两个问题：

1. 1. 图片上传的进度条无效，插件中的进度条长度参数为：uploader.progress,将这个参数打印出来始终为0，原因也没有找到。
2. 2. http put请求无返回数据，调试工具中显示结果为successs,不知道什么原因没有取到返回数据。

//put-data.service.ts
...
  public putData(url: string, body: URLSearchParams): Observable<any> {
    let headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'});
    let options = new RequestOptions({headers: headers});
    return this.http.put(url, String(body), options)
      .map(this.extractData)
      .catch(this.handleError)
  }
...

在服务中打印数据，显示空。说明没有取到数据。原因也没有找到。

收获

看了一天的接口，方法原型，头都大了。