Réponse requête et traitement du contenu

Bonjour,

j'ai un petit souci avec mes fonction sous Angular..

je voudrait récupérer du contenu d'une api,

je récupère bien mon contenu mais,

je n'arrive pas a l'afficher dans mon template

mon erreur est la suivante:

Code:

---

Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: item in items, Duplicate key: string:<, Duplicate value: <

---

j'ai essayé plusieurs avec "track by" fois mais sans résultat..

voici mon code du provider qui récupère bien le contenu:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

app .factory('arretlisteprovider',function($rootScope,$http) { function list(query,callback) {   var url = 'some URL'; $http.get(url,query) .success(function (response) { callback(response); }) } return{ list: list } }) ;

---

et enfin voici mon controlleur:

Code:

---

1 2 3 4 5 6 7 8

app .controller('arretList', function ($scope, $rootScope, arretlisteprovider) {   arretlisteprovider.list({}, function (items) { $scope.items = items; }) }) ;

---

merci d'avance pour vos réaction..

Bonjour,

Tu as des éléments dupliqués dans ton tableau.
Tu peux poster ton code HTML aussi :wink:

Sinon, c'est track by $index qu'il faut mettre.
doc de ngRepeat

D'abord merci pour ta réaction,

voici ma vue:

Code:

---

1 2	<a ng-repeat="item in items track by $index"> <h2>{{ item.name }}</h2></a>

---

et voici mon erreur:

Code:

---

Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: item in items track by $index, Duplicate key: undefined, Duplicate value: h

---

merci d'avance

Je pense que ton tableau ne contient aucune donnée.

Merci pour ta réaction..

pourrait tu me dire ce qui te fais pensé cela?

j'ai pourtant un contenu dans mon console.log..

ma fonction avec Angular est mal construite?

merci d'avance

Citation:

---

Envoyé par sinzen

pourrait tu me dire ce qui te fais pensé cela?

---

En voyant cela : "Duplicate key: undefined", je me suis dis que c'était peut être des éléments non définis qui étaient dans ton tableau et que tu ne mettais pas track by $index.

Voici un exemple avec track by $index : jsbin

Dans cet exemple, si tu le supprime, tu obtiendra la même erreur que la tienne.

voici ma fonction Angular:

Code:

---

1 2 3 4 5 6 7

function list(query,callback) { var url = 'Some Url'; $http.get(url,query) .success(function (response) { callback(response.data); })

---

quand je met ".data" a ma résponse je n'obtient plus d'erreur..

mais j'ai pas de contenu..

voici un bout de code envoyer par l'api:

Code:

---

1 2 3 4 5 6 7

<li>Stations <ul>0 <ul><li>id : 5409</li> <li>name : ABBAYE</li> <li>latitude : 50.818926</li> <li>longitude : 4.370739</li> </ul><br>

---

personne ne peux me venir en aide?

merci d'avance

Que contient response dans ta fonction list ? ou plutôt la réponse du serveur (F12 -> XHR et résultat obtenu après la requête) ?

Bonjour,

j'ai bien une réponse avec cette structure:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

Stations 0 id : 5409 name : ABBAYE latitude : 50.818926 longitude : 4.370739   1 id : 5466 name : ABBAYE latitude : 50.819834 longitude : 4.370512   2 id : 7523 name : ABBAYE latitude : 50.819279 longitude : 4.370193   .......

---