ng-repeater not working for JSON

江枫思渺然 提交于 2019-12-24 14:29:41

问题


here is my 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"}]

my repeater

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

Error: It has populated a lot of empty list items.

HELP!!


回答1:


It seems to be working ok.

    $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>

EDIT: Also if you get the data back as JSON you can do

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


来源:https://stackoverflow.com/questions/26272629/ng-repeater-not-working-for-json

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!