javascript - html,js如何依次输出对象的内容

查看:104
本文介绍了javascript - html,js如何依次输出对象的内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

如,有如此对象:字符串来的{"name":"tom","age":22}

如何在页面输出:假设还有很多键值对

name:tom
age:22

解决方案

var jsonString = '{"name":"tom","age":22}';
var jsonData = JSON.parse(jsonString);
$scope.arr = [];
for(var k in jsonData){
    $scope.arr.push({key:k,value:jsonData[k]});
} 

<ul>
    <li ng-repeat="item in arr">
        <span>{{item.key}}</span>:<span>{{item.value}}</span>
    </li>
</ul>

这篇关于javascript - html,js如何依次输出对象的内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆