小编cni*_*ian的帖子

使用json响应生成动态列表

我有一个json数组如下;

"collectings": [
    {
      "hint": "OPEN",
      "amount": 24
    },
    {
      "hint": "CREDIT CARD",
      "amount": 347
    },
    {
      "hint": "CASH",
      "amount": 256.5
    }
  ]
Run Code Online (Sandbox Code Playgroud)

现在,我想动态地在列表上显示这些数据,我试着像下面这样做;

<ion-content>
<div class="row" *ngIf="collectings && collectings.length > 0">
  <ion-list>
    <ion-list-header>Comedy</ion-list-header>
    <ion-item *ngFor="let collecting of collectings">{{collectings}}</ion-item>
  </ion-list>
</div>
</ion-content>
Run Code Online (Sandbox Code Playgroud)

但是,它显示在页面上,如下图所示; 在此输入图像描述 如何正确显示?

typescript ionic-framework ionic2 angular

5
推荐指数
1
解决办法
1885
查看次数

标签 统计

angular ×1

ionic-framework ×1

ionic2 ×1

typescript ×1