Javascript &引用；“格式不好”；使用AngularJS循环JSON文件时出现firefox错误_Javascript_Json_Firefox_Angularjs

Javascript &引用；“格式不好”；使用AngularJS循环JSON文件时出现firefox错误

javascript json firefox angularjs

Javascript &引用；“格式不好”；使用AngularJS循环JSON文件时出现firefox错误,javascript,json,firefox,angularjs,Javascript,Json,Firefox,Angularjs,JSON文件结构如下所示： { "meta": { "limit": 20, "next": null, "offset": 0, "previous": null, "total_count": 2 }, "objects": [ { "description": "Lorem ipsum dolor sit amet ....Lorem i

JSON文件结构如下所示：

{
    "meta": {
        "limit": 20, 
        "next": null, 
        "offset": 0, 
        "previous": null, 
        "total_count": 2
    }, 
    "objects": [
        {
            "description": "Lorem ipsum dolor sit amet ....Lorem ipsum dolor sit amet ....Lorem ipsum dolor sit amet ....", 
            "end": "2013-09-09T15:37:24", 
            "id": 1, 
            "name": "Lorem ipsum dolor sit amet ....Lorem ipsum dolor sit amet", 
            "resource_uri": "/api/task/1/", 
            "start": "2013-09-09T15:37:23"
        },
        {
            "description": "Here goes description :) Here goes description :) Here goes description :) ", 
            "end": "2013-09-11T15:58:01", 
            "id": 2, 
            "name": "Some other task", 
            "resource_uri": "/api/task/2/", 
            "start": "2013-09-11T15:58:00"
        }
    ]
}

我试着这样循环：

<!DOCTYPE html>
<html lang="en" ng-app id="ng-app">
    <head>
        <title>Angular studies</title>
        <meta charset="UTF-8" />
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
        <script>
        function PostsCtrlAjax($scope, $http) {
        $http({method: 'POST', url: 'posts.json'}).success(function(data) {
                $scope.tasks = data;
            });
        }
        </script>
    </head>
    <body>
        <div id="ng-app" ng-app ng-controller="PostsCtrlAjax"> 

        <div ng-repeat="task in tasks">
           <a href='{{task.id}}'>{{task.name}}</a>
        </div>

        </div>
    </body>
</html>


角度研究
函数PostsCtrlAjax（$scope，$http）{
$http（{method:'POST'，url:'posts.json'}）。成功（函数（数据）{
$scope.tasks=数据；
});
}

为此，我在Firefox中遇到了“格式不正确”的错误。你能告诉我一个修复方法吗？

这确实是有效的。问题是您试图迭代

任务

，但实际上希望迭代

任务。对象

for (var i=0;i<tasks.objects.length;i++) {
    console.log(tasks.objects[i].id);
    console.log(tasks.objects[i].name);
}

我不熟悉角度语法，但我想这就是您想要/真正尝试的：

<div ng-repeat="task in tasks.objects">

我对Angular不太熟悉，但您需要先解析JSON才能使用它吗？嗯，我尝试用Newtonsoft序列化和反序列化您的JSON，效果很好。如果您愿意，我将发布我的代码。可能会有帮助：

<div ng-repeat="task in tasks.objects">