Discussion :

[sinzen]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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..

[slim]

Bonjour,

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

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

[sinzen]

D'abord merci pour ta réaction,

voici ma vue:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et voici mon erreur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[slim]

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

[sinzen]

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

[slim]

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.

[sinzen]

voici ma fonction Angular:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[slim]

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) ?

[sinzen]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
.......