2015-06-10 2 views
0

Я изучаю AngularJS и Json и имею небольшую страницу, на которой нужно отображать данные, извлеченные из .json-файла в контроллере. При открытии страницы У меня есть ошибка: Unexpected token t at Object.parse (native)...AngularJS: запрос данных JSON с AJAX

Это мой 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"} 
] 

Я не уверен, почему я получаю сообщение об ошибке.

ответ

2

Кажется, что вы разбираете объект json с помощью JSON.parse()?

или

JSON Недействительный

попробовать

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

Спасибо. Вот почему. – gene

+0

@gene рад, что это помогло, проголосовало и приняло в качестве asnwer, чтобы оно могло помочь и другим :) –

Смежные вопросы