我如何显示来自服务器上的JSON对象的数据在页面上自身以角度5加载

Question

当前，我实现的是单击HTML页面中的按钮时从JSON对象获取数据。

从我的TS文件

getData() {
    this.httpSvc.getConfig()
      .subscribe((data) => {
        this.dataFromSever = data;
      })
  }

在HTML页面中：

<button (click)="getData()">Get Data</button>
<h3>List of users</h3>
<li *ngFor="let data of dataFromSever.users">{{data.username}}</li>

如何在页面加载时显示用户数据。 我搜索了在线帮助，但没有运气。 有什么建议或实施方法吗？

Answer 1

看一下Angular的生命周期挂钩 。

在您的情况下， OnInit将是适当的。 创建组件时将调用此函数。

ngOnInit （）是组件获取其初始数据的好地方。

class MyComponent implements OnInit {
  ngOnInit() {
   this.getData();
  }