html — извлечение данных PHP в ionic 3 Frontend
Мы сталкиваемся с проблемой отображения данных в ionic 3, откуда данные поступают из PHP REST.
Ниже мой угловой код для получения данных:
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 HTML. Пожалуйста, предложите мне.
Решение
Вы можете отобразить их в 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.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>
В .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>
Вы можете преобразовать этот объект в массив и перебрать его, используя метод значений или карту 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>