Мы столкнулись с проблемой отображения данных в ionic 3, когда данные поступают из PHP REST.
Ниже мой угловой код для получения данных:
this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {
if (takecusinfo){
this.storecusinfo = takecusinfo;
console.info("store customer info", this.storecusinfo);
}
})
Консольный вывод:
{0: "6", 1: "200", 2: "4"}
Я хочу, чтобы это отображалось в HTML ionic3. Пожалуйста, предложите мне.






Сделав это, вы можете отобразить их в HTML, скажем, вы хотите отобразить их в ion-card.
<ion-card>
<ion-card-content>
{{storecusinfo}}
</ion-card-content>
</ion-card>
Вы можете превратить свой объект в массив, а затем отобразить его:
this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {
if (takecusinfo){
for(let index in takecusinfo) {
this.storecusinfo.push(object[index]);
}
console.info("store customer info", this.storecusinfo);
}
})
<ion-card>
<ion-card-content>
<p *ngFor = "let item of storecusinfo"> {{item}} </p>
</ion-card-content>
</ion-card>
В файле .ts
this.auth.displayinformation(this.customer_info.cid).subscribe(takecusinfo => {
if (takecusinfo){
this.storecusinfo = Object.keys(takecusinfo);
console.info("store customer info", this.storecusinfo);
}
})
В формате .html
<ion-list margin-bottom>
<ion-item *ngFor = "let key of storecusinfo">
{{storecusinfo[key]}}
</ion-item>
</ion-list>
вы можете преобразовать этот объект в массив и перебрать его, используя метод значений или карту Iterator для большего контроля и проверки. он вернет массив значений.
var obj = {0: "6", 1: "200", 2: "4"};
// with mapping
this.data = Object.keys(obj).map(key => obj[key]);
this.value = Object.values(obj);
// output : ["6", "200", "4"]
в HTML
<ul>
<li *ngFor='let val of values'>{{val}}</li>
</ul>
Мне нужно что-то вроде этого значения {{storecusinfo.0}}, чтобы во внешнем интерфейсе отображалось только «6».