json request with angularjs

Question

i'm looking to do a AJAX request whith json file but it's dont parsed.

My controller :

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'});

});

The json file :

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

};

And the result of console.lg is :

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

}; undefined

JSLint says your JSON file is invalid, start there (double quotes!) — tymeJV
– tymeJV, Commented Mar 1, 2014 at 23:33

shailbenq · Accepted Answer · 2014-03-01 23:56:40Z

2

few corrections made in the JSON

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

answered Mar 1, 2014 at 23:56

shailbenq

1,4801 gold badge14 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

json request with angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related