Question

我是Angular的新手，我需要执行一个在单击时执行http.post的函数，并且该函数起作用（返回POST DONE并获得数据），问题是我需要在内部渲染数据表格，但“ postReponse”仅在我的html文件中返回[Object Object]，并且我找不到应有的方式呈现数据，请问有人可以解决此问题吗？

这是代码示例：

public postReponse: any;

postRefs(){
    return this.httpClient.post('someUrl',
      {
        "someBody"

      })
      .subscribe(
        data => {
          console.log("POST DONE", data)
          return this.postResponse = data;
        },
        error => {
          console.log("ERROR POST", error)
        }
      )
  }

//home.component.html

            <tr>
              <td>{{postResponse}}</td>
              <td>{{postResponse}}</td>
              <td>{{postResponse}}</td>
              <td>{{postResponse}}</td>
            </tr>

Answer 1

postResponse是具有键和值的对象，例如，如果它包含两个属性id和name，则它将看起来像这样：

{ id : 1, name = 'name' }

因此，如果您需要访问name属性，则需要在html内编写：

<td>{{postResponse.name}}</td>

从HTTP POST Angular 8渲染数据

1 个答案: