2014-10-09 174 views
1

是我的JSONNG-中继器不工作的JSON

[{"_id":{"$oid":"54357d7f62042c439bfd6279"},"imageType":"Image/jpg","Heading":"Test Heading","Description":"Test Discription","Image":"","created_at":"","infoType":"QuickInfo"},{"_id":{"$oid":"54357eb862042c439bfd627a"},"imageType":"Image/png","Heading":"Test Heading 2","Description":"Test Discription 2","Image":"","created_at":"","infoType":"QuickInfo"}] 

我转发

<ion-list> 
    <ion-item ng-repeat="fact in facts track by $index" href="#/app/fact/{{fact._id}}"> 
    {{fact.Heading}} 
    </ion-item> 
</ion-list> 

错误: 它已经填充了大量的空单项目。

帮助!

+0

你能否告诉我们您的控制器代码? (特别是你把json放入数组中的事实) 为什么你在ng-repeat中使用“track by $ index”? – Aliz 2014-10-09 08:17:45

+0

我收到错误,说重复数据不允许。所以索引它。我从mongolabs中获取json,将它存储在localStorage中,然后将其设置在$ scope.facts中 – Kanishka 2014-10-09 14:20:44

回答

1

它似乎工作正常。

$scope.facts=[ 
    { 
     "_id":{"$oid":"54357d7f62042c439bfd6279"}, 
     "imageType":"Image/jpg", 
     "Heading":"Test Heading", 
     "Description":"Test Discription", 
     "Image":"", 
     "created_at":"", 
     "infoType":"QuickInfo" 
    }, 
    { 
     "_id":{"$oid":"54357eb862042c439bfd627a"}, 
     "imageType":"Image/png", 
     "Heading":"Test Heading 2", 
     "Description":"Test Discription 2", 
     "Image":"","created_at":"","infoType":"QuickInfo" 
    } 
]; 

<ion-list> 
    <ion-item ng-repeat="fact in facts track by $index" href="#/app/fact/{{fact._id}}"> 
    {{fact.Heading}} 
    </ion-item> 
</ion-list> 

enter image description here

编辑: 此外,如果你找回数据作为JSON,你可以做

$scope.facts=JSON.parse(json_string); 
+0

JSON.parse(),就是这样!非常感谢 – Kanishka 2014-10-11 15:25:27