JSON請求與angularjs

Question

我期待做一個AJAX請求whith json文件，但它不會被解析。

我的控制器：

function troupesController($scope, $routeParams, $http) { 
$http.get('js/data/troupes.json').success(function(data) { 

    console.log(data); 
    console.log(data.test); 
    $scope.troupes = data; 
}); 

}

App.js：

var app = angular.module('app', ['ngRoute', 'ngAnimate', 'angular-carousel']); 
app.config(function($routeProvider){ 
$routeProvider 
    .when('/home', {templateUrl: 'views/home.html'}) 
    .when('/about', {templateUrl: 'views/about.html'}) 
    .when('/batiments_troupes', {templateUrl: 'views/batiments_troupes.html'}) 
    .when('/troupes', {templateUrl: 'views/troupes.html', controller: 'troupesController'}) 
    .when('/unitee', {templateUrl: 'views/unitee.html'}) 
    .otherwise({ redirectTo:'/home'}); 

}）;

JSON文件：

{ 
'test':'toto;' 
'troupes' : [ 
    { 
     'name': 'Barbare', 
     'basic_image': 'troupes/barbare/base_Barbarian.png' 
    } 
] 

};

而且console.lg的結果是：

{ 
'test':'toto;' 
'troupes' : [ 
    { 
     'name': 'Barbare', 
     'basic_image': 'troupes/barbare/base_Barbarian.png' 
    } 
] 

}; 未定義

Answer 1

幾個在JSON的更正

{ 
    "test":"toto", 
    "troupes" : [ 
     {"name" : "Barbare", 
      "basic_image" : "troupes/barbare/base_Barbarian.png" 
     } 
    ] 
}