Question

我有一个使用AngularJS构建的网络应用程序。在目录页面上，我想显示所有已发布文章的列表。我一直收到这个错误：

SyntaxError：意外的令牌： at Object.parse（native） at fromJson

app.js

var webApp = angular.module('webApp', ['ui.router']);

webApp.controller('TableofContentController', function($scope, $http) {
  $http.get('articles.json')
       .then(function(res){
          $scope.articles = res.data;   
        });
});

articles.json

{
"articles": [
    {
        "id": "1",
        "title": "Article Title",
        "categories": [ "category": "1", 
                      "category": "2" ],
    },
    {
        "id": "2",
        "title": "Article Title",
        "categories": [ "category": "1", 
                      "category": "2" ],
    },
    ...etc..
]
}

相关HTML

<div class="row" ng-controller="TableofContentController">
    <div class="medium-12 columns" role="content">
        <div class="medium-9 columns">
            <article>
                <div class="main">
                    <ul>
                        <li ng-repeat="article in articles">
                        <a ui-sref="">{{title}}</a>
                        </li>
....etc.....

有关我可以采取哪些措施来解决此解析错误的建议？我认为我的JSON格式正确，但我很感激任何见解。

Answer 1

本节

 "categories": [ "category": "1", 
                  "category": "2" ],

应该是我认为的对象数组，比如这个

 "categories": [ {"category": "1"}, 
                  {"category": "2"} ],

像jshint这样的语法检查工具可以非常有助于找到像这样的问题

尝试获取JSON文件时解析错误

1 个答案: