如何在角度2中显示表上json的键和值

时间:2018-01-19 12:44:13

标签: angularjs json angular2-forms ng2-bootstrap

confirmation_token:  null
created_by: null
dob: "1995-04-09T18:30:00.000Z"
email : "ash@gmail.com"
firstName : "yash"
fk_status_id : 2
id : 258
is_blocked : false

这是我在角度响应对象中响应的json文件。我想在HTML上显示键和值对我无法得到如何做同样的事情。请帮帮我。

2 个答案:

答案 0 :(得分:0)

在变量中捕获您的回复。并根据您的响应创建数据集 用户tableData迭代表中的行。

var response = {
    confirmation_token:  null
    created_by: null
    dob: "1995-04-09T18:30:00.000Z"
    email : "ash@gmail.com"
    firstName : "yash"
    fk_status_id : 2
    id : 258
    is_blocked : false
};

var tableData = [];

for ( var key in response ) {
    var data = {
    };
    data[key] = response[key];
    tableData.push(data);
}

答案 1 :(得分:0)

如果你想在html上迭代,你可以这样做

<div *ngFor="let (val,key) of youObj">
   <span>{{val}}</span>
   <span>{{key}}</span>