отображать данные в формате html с помощью angular4

Question

Я использую Angular 4 и Springboot для создания приложения, но у меня проблема: я хочу отобразить объект count в html, и я не знаю, как это мой репозиторий

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

myservice.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>