Angular 2组件：反映插值中的数据：

Question

我是UI开发的新手，在Angular 2中处理应用程序。目前，我有一个要求，我需要进行服务调用并在我的组件上填充少量值。所以，我定义了一个服务并从node.js服务中获取数据。这很大一部分工作得很好。我确实编写了代码来从ngOnInit（）生命周期钩子中的服务中获取值。并使用{{}}字符串插值显示此值。但遗憾的是，从服务中获取的数据未在组件UI中更新。 （值将显示在console.log上）

-----------------------------------------------------------------
Typescript Code :

export class HomePageComponent implements OnInit {

  COUNT1 : number = 0;
  COUNT2 : number = 0;
  COUNT3 : number = 0;

  constructor(private countService : SubconsService) {}

  ngOnInit() {
    this.subconsService.getCurrentStats().subscribe(
      (data : any) => {
        this.COUNT1 = data.count1;
      }
    );
  }
}
------------------------------------------------------------------------
HTML Code :

COUNT :: <span class="badge">{{COUNT1}}</span></i></b>