如何从json文档打印列表
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从json文档打印列表相关的知识,希望对你有一定的参考价值。
我想从list.json文件打印我的数据
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","list.json",false);
xmlhttp.send();
var list = xmlhttp.responseText;
这是我的名单。杰森
{
"p1": {
"name":"fruit song",
"cat":"learning",
"lan":"eng",
"ur":"abc1"
},
"p2": {
"name":"eting sugar",
"cat":"random",
"lan":"eng",
"ur":"abc2"
},
"p3": {
"name":"salgira ka din",
"cat":"birthday",
"lan":"urdu",
"ur":"abc3"
},
"p4": {
"name":"twinkle twinkle",
"cat":"random",
"lan":"eng",
"ur":"abc4"
},
"p5": {
"name":"abc song",
"cat":"learning",
"lan":"eng",
"ur":"abc5"
}
}
我得到的数据就像
obj = JSON.parse(list);
$scope.n =obj.p1.name;
$scope.c =obj.p1.cat;
$scope.l =obj.p1.lan;
$scope.u =obj.p1.ur;
这工作正常,并在alert($ scope.n)中显示数据;
我想用html打印这个json文件
p1名称:{{n}}类别:{{c}}语言:{{l}}
p2名称:{{n}}类别:{{c}}语言:{{l}}
在list.json里面会有50多个P1类型的记录。
谁能告诉我代码打印html中的所有记录
答案
你应该使用AngularJS的ng-repeat,比如
<div>
<p ng-repeat="(key, val) in obj">{{key}} name: {{val.name}} category : {{val.cat }} language : {{val.lan}}</p>
</div>
对于将来的参考,请使用AngularJS文档:ngRepeat
另一答案
所以我的HTML是
<li ng-repeat="item in items" item="item" ng-click="model.itemValue = item" >
<div class = "row" style="background: url(img/4.jpg) no-repeat center;background-
size:cover;">
<div class = "col"><h3>{{name}} :)</h3></div>
<div class = "col col-60"><h3>{{email}}</h3></div>
<div class = "col"><h3><button class="button button-calm button rdm">PLAY</button>
</h3></div>
</div>
</li>
我的控制器是
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","Ulist.json",false);
xmlhttp.send();
var list = xmlhttp.responseText;
obj = JSON.parse(list);
$scope.data = {};
$scope.model = {};
$scope.items = obj;
这对我有用
以上是关于如何从json文档打印列表的主要内容,如果未能解决你的问题,请参考以下文章
如何从自定义列表视图中获取选定项目并在 toast 消息中打印?