Ionic 4 - 如何显示 html 页面的请求结果

Question

在 Ionic 4 中，我试图显示 get 响应的结果。我得到了路线的结果，但如何在我的 html 页面中显示它？

在我的 license.page.ts:

  ngOnInit() {
    return this.httpClient.get(`${this.AUTH_SERVER_ADDRESS}/license`).subscribe(data=>{
      //process the json data
      console.log(data);
      })
  }

在我的回复中：

Object { site_id: "ABC", side_key: "GWA9TjApcyAKEhnx", license_limit: 1 }

我生成了 license.ts，但我现在不确定是否需要。

export interface License {
    site_id: string;
    site_key: string;
    license_limit: number;
}

如何在我的 license.page.html 中显示此信息？

          <ion-list>
            <ion-item>
              <ion-label>Site ID</ion-label>
            </ion-item>
            <ion-item>
              <ion-label>Site Key</ion-label>
            </ion-item>
            <ion-item>
              <ion-label>License Limit</ion-label>
            </ion-item>
          </ion-list>

Answer 1

由于您使用的是离子列表，它适用于数组，因此在赋值之前将对象转换为数组，

声明一个变量，

sites : any = [];

然后，

return this.httpClient.get(`${this.AUTH_SERVER_ADDRESS}/license`).subscribe(data=>{
   this.sites = [data];
})

你的HTML应该看起来像

<ion-content>
  <ion-list>
        <ion-item *ngFor="let site of sites;">Site ID {{site.site_id}}</ion-item>
    </ion-list>
</ion-content>

Ionic 4 - 如何显示 html 页面的请求结果

Ionic 4 - how do I show the results of a request to the html page

angular

ionic4