angular2,写一个组件，子组件上传文件并将文件传递给父组件，父组件调用http服务后将返回值传递给子组件

在 Angular 2 中，你可以通过使用 `@Output` 装饰器和事件绑定来实现子组件向父组件传递文件。以下是一个示例：

首先，你需要在子组件的模板中添加一个文件上传的表单元素：

<input type="file" (change)="onFileSelected($event.target.files)">

然后在子组件的 TypeScript 文件中，定义一个 `@Output` 属性，用于触发文件上传事件，并将文件传递给父组件：

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent {
  @Output() fileUploaded = new EventEmitter<File>();

  onFileSelected(files: FileList): void {
    const file: File = files[0];
    this.fileUploaded.emit(file);
  }
}

接下来，在父组件的模板中使用子组件，并绑定 `fileUploaded` 事件：

<app-child (fileUploaded)="uploadFile($event)"></app-child>

最后，在父组件的 TypeScript 文件中，实现 `uploadFile` 方法来调用 HTTP 服务并将返回值传递给子组件：

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  constructor(private http: HttpClient) {}

  uploadFile(file: File): void {
    const formData = new FormData();
    formData.append('file', file);

    this.http.post('your-api-url', formData).subscribe(response => {
      // 处理返回值
    });
  }
}

在父组件中，你可以使用 `HttpClient` 来发送 HTTP 请求并处理返回值。在这个示例中，我们使用 `post` 方法发送一个包含文件的表单数据，并在成功响应时进行处理。

这样，当用户选择文件并上传后，子组件会将文件传递给父组件，父组件则调用 HTTP 服务并将返回值传递回子组件进行处理。