[AngularJS] ng-grid angularJS

[Kévin Ribot]

Hello,

I want to recover data from a JSON file and display them in <div> with 
ng-grid property.


*My file JSON* :



{
    "prestataires":[
        {
            "code" : "001",
            "nom" : "MIEJERON",
            "prenom" : "Fabrice",
            "mail" : "f.mieje...@bayard.fr",
            "tel" : "0606060606"
        },
        {
            "code" : "002",
            "nom" : "MIEJERON",
            "prenom" : "Maurice",
            "mail" : "m.mieje...@bayard.fr",
            "tel" : "0606060606"
        }
    ]
 
}


*My controller : *

'use strict';
 
var myApp = angular.module('regiePub');
myApp.controller('PrestaCtrl', function ($scope, $http, $templateCache) {
    $scope.awesomeThings = [
        'HTML5 Boilerplate',
        'AngularJS',
        'Karma'
    ];
 
 
//        Récupération de données JSON (liste des prestataires)
    $scope.method = 'GET';
    $scope.url = '/scripts/json/prestataire.json';
    $scope.code = null;
    $scope.response = null;
 
    $http({method: $scope.method, url: $scope.url, cache: $templateCache}).
        //en cas de succès
        success(function (data, status) {
            $scope.status = status;
            $scope.myData = data.prestataires; //liste des prestataires 
contenus dans le tableau
            $scope.gridOptions = { data: 'myData' };
        }).
        //en cas d'erreur
        error(function (data, status) {
            $scope.myData = data || "Erreur dans la requête HTTP.";
            $scope.status = status;
        });
 
 
});



*My view :*

 <div class="gridStyle" ng-grid="gridOptions"></div>



I get an error :



Error: p is undefined


d.compile/<.pre@http://myURL/bower_components/ng-grid/ng-grid-2.0.7.min.js:2
nodeLinkFn@http://myURL/bower_components/angular/angular.js:6193
compositeLinkFn@http://myURL/bower_components/angular/angular.js:5622
compositeLinkFn@http://myURL/bower_components/angular/angular.js:5625
compositeLinkFn@http://myURL/bower_components/angular/angular.js:5625
nodeLinkFn@http://myURL/bower_components/angular/angular.js:6206
compositeLinkFn@http://myURL/bower_components/angular/angular.js:5622
publicLinkFn@http://myURL/bower_components/angular/angular.js:5527
ngViewFillContentFactory/<.link@http://myURL/bower_components/angular-route/angular-route.js:905
nodeLinkFn@http://myURL/bower_components/angular/angular.js:6213
compositeLinkFn@http://myURL/bower_components/angular/angular.js:5622
publicLinkFn@http://myURL/bower_components/angular/angular.js:5527
boundTranscludeFn@http://myURL/bower_components/angular/angular.js:5641
controllersBoundTransclude@http://myURL/bower_components/angular/angular.js:6233
update@http://myURL/bower_components/angular-route/angular-route.js:855
$RootScopeProvider/this.$get</Scope.prototype.$broadcast@http://myURL/bower_components/angular/angular.js:12181
$RouteProvider/this.$get</updateRoute/<@http://myURL/bower_components/angular-route/angular-route.js:556
qFactory/defer/deferred.promise.then/wrappedCallback@http://myURL/bower_components/angular/angular.js:10905
qFactory/defer/deferred.promise.then/wrappedCallback@http://myURL/bower_components/angular/angular.js:10905
qFactory/ref/<.then/<@http://myURL/bower_components/angular/angular.js:10991
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://myURL/bower_components/angular/angular.js:11906
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://myURL/bower_components/angular/angular.js:11734
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://myURL/bower_components/angular/angular.js:12012
done@http://myURL/bower_components/angular/angular.js:7818
completeRequest@http://myURL/bower_components/angular/angular.js:7991
createHttpBackend/</xhr.onreadystatechange@http://myURL/bower_components/angular/angular.js:7950

<div class="gridStyle ng-scope" ng-grid="gridOptions">




*It works when I use :*

<div  ng-repeat="prestataire in myData"> {{prestataire.nom}}</div>


Help me Please :)



Kévin



-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.