Question

我正在使用angular 4和springboot来构建应用程序，但是我有一个问题，我想在html中显示计数对象，但我不知道如何这是我的仓库

@Query("select count (c) from Contact c")
    int getCountOfContact();

我的service.ts

getContactCount(){
    return this.http.get("http://localhost:9090/contact/count")
      .map(resp=>resp.json());
  }

我的component.ts

getCountConact(){
  this.dashboardservice.getContactCount().subscribe((data)=>{
    console.log(data);
  },(error)=>{
    console.log(error);
  })
}

如何在我的component.html中得到结果

Answer 1

实际问题是什么？您的服务是否返回预期的结果？如果是这样，则应将其保存到变量，然后可以将其绑定到html中。 component.ts

data: any;

getCountConact(){
  this.dashboardservice.getContactCount().subscribe((data)=>{
    this.data = data;
    console.log(data);
  },(error)=>{
    console.log(error);
  })
}

和html：

<div>
{{ result }}
</div>

使用angular4以html显示数据

1 个答案: