[英]Get JSON value from key value array with Angular
嗨,我是新手,只是尝试学习如何做一些事情。 我被困在尝试显示以下数据。 使用适用于Chrome的Batarang插件,我可以看到我宁静的Web服务返回包装在我模型中的以下json。
{
course: {
country: Test1
numberEnrolledPerMonthPerWeek: {
entry:
[ {
key: 2
value: {
numberEnrolled: 0
weeks: 2
year: 2011
}
} , {
key: 3
value: {
numberEnrolled: 4
weeks: 3
year: 2011
}
} , {
key: 4
value: {
numberEnrolled: 6
weeks: 4
year: 2011
}
} , {
key: 8
value: {
numberEnrolled: 0
weeks: 8
year: 2011
}
}
]
}
}
}
我正在尝试将每个键的numberEnrolled值放入一栏中。 所以在我的html中,我有以下内容
<table class="table table-striped table-bordered">
<tr ng-repeat="course in enrolledcourses.enrolledEnrolment">
<td>
{{course.country}}
</td>
<td>
{{course.numberEnrolledPerMonthPerWeek[2].numberEnrolled}}
</td>
</tr>
</table>
{{course.numberEnrolledPerMonthPerWeek [2] .numberEnrolled}}不会返回任何值,因此任何人都可以建议正确的语法来获取numberEnrolled值。
我努力了
{{course.numberEnrolledPerMonthPerWeek.2.numberEnrolled}}
{{course.numberEnrolledPerMonthPerWeek[2][numberEnrolled]}}
我的控制器代码如下
.controller('PeopleCtrl', function($scope, recruitmentFactory) {
$scope.enrolledcourses = recruitmentFactory.get();
$scope.test = "hello";
$scope.save = function() {
alert("save has been called");
};
})
首先,您的JSON有很多错误。 也许只是您得到的输出,但以防万一::缺少逗号,并且Test是一个符号,但我想它打算是一个字符串。
$scope.enrolledcourses = {
course : {
country: 'Test1',
numberEnrolledPerMonthPerWeek: {
entry: [{
key: 2,
value: {
numberEnrolled: 0,
weeks: 2,
year: 2011,
}
}, {
key: 3,
value: {
numberEnrolled: 4,
weeks: 3,
year: 2011
}
}, {
key: 4,
value: {
numberEnrolled: 6,
weeks: 4,
year: 2011
}
}, {
key: 8,
value: {
numberEnrolled: 0,
weeks: 8,
year: 2011
}
}]
}
}
};
那么您的html需要访问正确的属性:
<tr ng-repeat="course in enrolledcourses">
<td>{{course.country}}</td>
<td>{{course.numberEnrolledPerMonthPerWeek.entry[2].value.numberEnrolled}}</td>
</tr>
这是一个生动的例子
只是提供一些额外的帮助:我在弄清楚如何浏览JSON数据时遇到了很多问题。 尝试使用可视化工具,并验证JSON以确保其正确。
这是我用来可视化数据的内容: http : //jsonviewer.stack.hu/此处进行验证: http : //jsonlint.com/
numberEnrolledPerMonthPerWeek[2] is not your array
尝试
numberEnrolledPerMonthPerWeek.entry[2]
好吧,所以我做了以下工作以获取价值
{{course.numberEnrolledPerMonthPerWeek.entry[2].value.numberEnrolled}}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.