Javascript 如何使用*ngFor显示多维数组？

我是js，ts，爱奥尼亚的新手

我在家里得到了一个名为“商店”的阵列。ts:

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>

这是show console.log（存储）：

---

您必须在构造函数外部声明

存储
变量

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);

  }


}

这不是多维数组。多维数组是包含数组的数组。您的数组只包含对象。但如何进行多维数组？这个问题对您没有帮助吗：您的数组是对象数组。0、1、2等都是索引号。而
{}
是特定索引处的对象。您的HTML应该按原样工作。显示您的
home.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);

  }


}

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);

  }


}