时间戳

首页 > 解决方案 > 如何在角度 6 中从另一个服务调用一项服务

angular - 如何在角度 6 中从另一个服务调用一项服务

问题描述

在下面的代码中，我有这个服务 1：uploadAttachment 方法，它实际上是在进行 http post 调用，并且这个方法（uploadAttachment）是从另一个服务 2 调用的。在服务 2 中，我总是得到未定义的服务 1 的实例。因此，调用服务 1 失败。

服务一：

@Injectable({
  providedIn: 'root'
})
export class Service1 {
  constructor(private http: HttpClient) {}

  uploadAttachments(formData: any): any {
    const headers = new HttpHeaders();
    headers.append('Content-Type', 'multipart/form-data');
    headers.append('Accept', 'application/json');

    return  this.http.post(this.baseURL + 'Data/UpdateInsertAttachments', formData,
    {headers: headers});
  }
}

服务二：

@Injectable({
    providedIn: 'root'
})
export class Service2 {
  constructor(private service: Service1) {

  fileChange(event) {
    const formData: FormData = new FormData();
    // some code
    this.service.uploadAttachments(formData).subscribe(
      resp => {
        if (resp === -1 ) {
            alert('Error occured while uploading the attachment');
            return;
        } else {
            // some code
        }
      },
      (error) => {
        console.log('POST ERROR in method uploadAttachments: ' + error.error);
      });
  }
}

标签： angulardependency-injectionangular-services

解决方案

由于 Service1 在其签名中需要一个 HttpClient，因此您必须向它提供这个

推荐阅读