Question

   this.http.post(URL, formData, options)
    .map(res => res.json())
    .catch(error => Observable.throw(error))
    .subscribe(
      data => console.log(data.message),
      error => console.log(error)
    );

我在chrome开发人员工具中看到的数据是成功上传文件进行处理

我想在一个html元素，div或li上显示数据，例如在angularjs2中。我按照链接

how to show response data in angularjs

我希望angular2能解析下面用component.html编写的代码。

<div>
  {{data.message}}
</div>

感谢任何帮助。

Answer 1

试试这个：在您的组件中

this.dummyService.create(this.beautifulObject)
    .subscribe(myObject => {
        this.objectAfterCreation = myObject;                        
});

在您的服务中

this.http.post(URL, formData, options)
    .map(res => res.json()) //you can add your data type here .map(res => res.json() as beautifulObject)
    .catch(error => Observable.throw(error));

在您的模板中

<div *ngIf="objectAfterCreation">
    {{ objectAfterCreation.message }}
</div>
or
{{ objectAfterCreation?.message }}

调用this.http.post后如何显示响应

1 个答案: