Question

我正在学习AngularJS和Json，并且有一个小页面需要显示从控制器中的.json文件中恢复的数据。打开页面时我有错误： Unexpected token t at Object.parse (native)...

这是我的HTML：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../Scripts/angular.min.js"></script>
    <script src="../Scripts/Controllers/app.js"></script>
</head>
<body ng-app="myApp">
    <div ng-controller="PostsCtrl">
        <ul ng-repeat="post in posts">
            <li>{{post.title}}</li>
        </ul>
    </div>
</body>
</html>

这是一个控制器：

var app = angular.module('myApp', []);
app.controller("PostsCtrl", function ($scope, $http) {
  $http.get('data/posts.json').
    success(function (data, status, headers, config) {
            $scope.posts = data;
    }).
    error(function (data, status, headers, config) {
    });
});

这是.json

[   
    {title: "Title1"},
    {title: "Title2"},
    {title: "Title3"}
]

我不确定为什么会收到错误。

Answer 1

您似乎正在使用JSON.parse（）解析json对象？

或

json无效

试

[   
    {"title": "Title1"},
    {"title": "Title2"},
    {"title": "Title3"}
]

AngularJS：使用AJAX请求JSON数据

1 个答案: