2015-10-19 62 views
0

我有一個變種叫$scope.informationData數組元素(JSON)和內容(由執行console.log輸出)是這樣的:如何閱讀角

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

如果我在我的HTML,使用此雖然:

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

然後它是空的。我不認爲綁定有任何問題,因爲如果我做了{{ informationData }}那麼它會輸出與上面相同的JSON。

我想我只是使用錯誤的語法來讀取數據 - 我需要更改informationData.overdue爲了看到數字10出現?

+0

改變你的JSON這樣的:{ 「完成」: 「100」,「待定「:」50「,」defects「:」20「,」overdue「:」10「} – shatakshi

+0

It's working http://plnkr.co/edit/1JwgXFFPoFSqAWuMPAIp?p=preview –

+0

打印整個對象時得到的是' {informationData}}'? –

回答

1

Deserialize的JSON

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

謝謝你修復它。 – b85411

0

你應該把你的價值放在報價單上,而不是你的鑰匙上。 更改您的JSON這樣的:

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

或者

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