Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何在angular 2中在表上显示json的键和值_Angularjs_Json_Angular2 Forms_Ng2 Bootstrap - Fatal编程技术网

Angularjs 如何在angular 2中在表上显示json的键和值

Angularjs 如何在angular 2中在表上显示json的键和值,angularjs,json,angular2-forms,ng2-bootstrap,Angularjs,Json,Angular2 Forms,Ng2 Bootstrap,这是我在angular response对象中得到响应的json文件。我想在HTML上显示键和值对,但我不知道如何做到这一点。请帮助我。在变量中捕获您的响应。并根据您的响应创建数据集 使用tableData迭代表中的行 confirmation_token: null created_by: null dob: "1995-04-09T18:30:00.000Z" email : "ash@gmail.com" firstName : "yash" fk_status_id : 2 id :

这是我在angular response对象中得到响应的json文件。我想在HTML上显示键和值对,但我不知道如何做到这一点。请帮助我。

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

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

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

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

{{val}}
{{key}}

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