在ionic 3前端中获取PHP数据

Question

我们正面临着在ionic 3中显示数据的问题，其中数据来自PHP REST。

下面是我获取数据的angular代码：

this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {
    if(takecusinfo){
        this.storecusinfo = takecusinfo;
        console.log("store customer info", this.storecusinfo);
    }
})

控制台输出：

{0: "6", 1: "200", 2: "4"}

我希望这是显示在ionic3的超文本标记语言。请推荐我。

Answer 1

你可以通过这样做来在超文本标记语言中显示它们，比如你想要在ion-card中显示它们

  <ion-card>
    <ion-card-content>
      {{storecusinfo}}
    </ion-card-content>
  </ion-card>

Answer 2

您可以将对象转换为数组，然后显示它：

 this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {

            if(takecusinfo){
                for(let index in takecusinfo) { 
                  this.storecusinfo.push(object[index]); 
              }
                console.log("store customer info", this.storecusinfo);
            }
        })

在html中

<ion-card>
    <ion-card-content>
      <p *ngFor="let item of storecusinfo"> {{item}} </p>
    </ion-card-content>
  </ion-card>

Answer 3

在.ts文件中

this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {
    if(takecusinfo){
        this.storecusinfo = Object.keys(takecusinfo);
        console.log("store customer info", this.storecusinfo);
    }
})

在.html中

  <ion-list margin-bottom>
    <ion-item *ngFor="let key of storecusinfo">
    {{storecusinfo[key]}}
    </ion-item>
  </ion-list>