详解Angular2 关于*ngFor 嵌套循环

详解Angular2 关于*ngFor 嵌套循环

在项目开发中拿到的数据是这样的，要循环遍历出来。可是在ng2中好像不能直接遍历Object

datas: any = [

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24"},

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24"},

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24"},

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24"},

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24"},

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24"},

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24"},

];

在搜索之后发现了这种方法可以实现。

array-ngfor.ts

import { Component } from '@angular/core';

@Component({

selector: 'page-array-ngfor',

templateUrl: 'array-ngfor.html',

})

export class ArrayNgfor {

constructor() { }

datas: Array = [

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24" },

{ jnbZTYaZrWnum: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24" },

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: http://"1233", returnNum: "24" },

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24" },

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24" },

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24" },

{ num: 1, date: "2017-04-12", sellNum: "1231234", sellMpney: "1233", returnNum: "24" },

];

getKeys(item) {

return Object.keys(item);

}

}

array-ngfor.html

关于ngfor 嵌套循环

{{ item[key] }}

重点的是这个方法

getKeys(item){

return Object.keys(item);

}

结果：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。