如何在Angular中读取数组元素（json）

Question

我有一个名为$scope.informationData的var，其内容（由console.log输出）如下所示：

{"completed":100,"pending":50,"defects":20,"overdue":10}

如果我在我的HTML中使用了这个：

<div class="huge">{{ informationData.overdue }}</div>

然后它是空的。我不认为绑定有任何问题，因为如果我{{ informationData }}，那么它会输出与上面相同的JSON。

我认为我只是使用错误的语法来读取数据 - 我需要将informationData.overdue更改为哪个才能看到数字10出现？

Answer 1

Deserialize json

$scope.informationData = angular.fromJson($scope.informationData);

Answer 2

你应该把你的价值放在引号而不是你的钥匙。 像这样改变你的json ::

{"completed":"100","pending":"50","defects":"20","overdue":"10"}

或者

{completed:"100",pending:"50",defects:"20",overdue:"10"}