我是 js、ts、ionic 的新手
我在 home.ts 中得到了这个名为“stores”的数组:
0: {name: "wwwe", floor: 1}
1: {name: "weeqe", floor: -3}
2: {name: "weewqe", floor: -2}
3: {name: "qweqweqwe", floor: -2}
我也需要通过 *ngFor 来展示它。我在 home.html 中有这个:
<ion-card *ngFor="let store of stores">
<ion-card-header >
{{store.name}}
</ion-card-header>
</ion-card>
但这是显示空页!
请帮助
我也试过这个:
<ion-card *ngFor="let store of stores; let i=index">
<ion-card-header >
{{store[i].name}}
</ion-card-header>
</ion-card>
不要工作。
我读到我必须将对象更改为数组,但我不明白在我的情况下如何执行此操作。我需要在一个地方的所有数组值。
家.ts:
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController, public http: Http) {
var stores: Store[] = []
var json;
this.http.get('http/link/to/json').map(res => res.json()).subscribe(data => {
json = data.data;
for (var i of json.stores){
stores.push({ 'name': i.name, 'floor': i.floor[0] });
}
});
console.log(stores);
}
}
这是 show console.log(stores) :
您必须stores
在构造函数之外声明变量
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
// This way so you can reference it in the ngFor
stores: Store[] = []
constructor(public navCtrl: NavController, public http: Http) {
var json;
this.http.get('http/link/to/json').map(res => res.json()).subscribe(data => {
json = data.data;
for (var i of json.stores){
this.stores.push({ 'name': i.name, 'floor': i.floor[0] });
}
});
console.log(this.stores);
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句