Afficher un tableau dans angularjs
J'ai une API sur mon serveur nodejs qui retournera un tableau.
[
"123_ayesha098",
"3ar7hkung",
"aali",
"Abdelhak",
"adityaputra",
"adraga",
"agnusdark",
"ahkeno",
"ahmedjubayer",
"ahsan_hq",
"akenygren",
"alexfuser",
"alexlakatos",
"alexxed",
"alfasst",
"amaciel"
...
...
]
J'essaie d'afficher cette liste
<div class="list-group" ng-repeat="name in contributors">
<!-- Links to detail level -->
<a href="#/contributors/{{ name }}" class="list-group-item">
<strong>Contributor: </strong> {{ name }} <br>
</a>
</div>
Il est en train de s'afficher comme ce
Contributor: {"0":"1","1":"2","2":"3","3":"_","4":"a","5":"y","6":"e","7":"s","8":"h","9":"a","10":"0","11":"9","12":"8"}
Contributor: {"0":"3","1":"a","2":"r","3":"7","4":"h","5":"k","6":"u","7":"n","8":"g"}
Contributor: {"0":"a","1":"a","2":"l","3":"i"}
Contributor: {"0":"A","1":"b","2":"d","3":"e","4":"l","5":"h","6":"a","7":"k"}
Contributor: {"0":"a","1":"d","2":"i","3":"t","4":"y","5":"a","6":"p","7":"u","8":"t","9":"r","10":"a"}
Contributor: {"0":"a","1":"d","2":"r","3":"a","4":"g","5":"a"}
Comment puis-je afficher correctement ici?
Après avoir fait cela,
<pre>{{ contributors | json }}</pre>
J'obtiens ceci dans la page
[
{
"0": "1",
"1": "2",
"2": "3",
"3": "_",
"4": "a",
"5": "y",
"6": "e",
"7": "s",
"8": "h",
"9": "a",
"10": "0",
"11": "9",
"12": "8"
},
{
"0": "3",
"1": "a",
"2": "r",
"3": "7",
"4": "h",
"5": "k",
"6": "u",
"7": "n",
"8": "g"
},
{
"0": "a",
"1": "a",
"2": "l",
"3": "i"
},
C'est dans service.js
listOfContributors: $resource('/transifex/listOfContributors', {}, {
query: {
method: 'GET',
params: {},
isArray: true
}
}),
dans controller.js
$scope.contributors = Transifex.listOfContributors.query();
et dans " l'app.js
$routeProvider.when( "/trans/contributors", { templateUrl: "partials/transifex/userlist.html", controller: "TransifexSplattrController"});
Pour vérifier vos données est vraiment un tableau ajouter cette page:
Mise à jour de la question avec le résultat @Heikki
Il n'y a rien de mal dans le modèle. Soit vous obtenez un mauvais format à partir du serveur ou quelque chose est en train de modifier le résultat sur le client. Comment faites-vous pour charger vos données?
copier des données à partir de la réponse dans netwrk onglet de la console/outils de développement pour nous montrer. Ce que votre sortie qui me fait croire que vous avez de plus simple que le tableau retourné
J'ai mis à jour ma question comment je suis à l'appel de cette.
<pre>{{ contributors | json }}</pre>
Mise à jour de la question avec le résultat @Heikki
Il n'y a rien de mal dans le modèle. Soit vous obtenez un mauvais format à partir du serveur ou quelque chose est en train de modifier le résultat sur le client. Comment faites-vous pour charger vos données?
copier des données à partir de la réponse dans netwrk onglet de la console/outils de développement pour nous montrer. Ce que votre sortie qui me fait croire que vous avez de plus simple que le tableau retourné
J'ai mis à jour ma question comment je suis à l'appel de cette.
OriginalL'auteur Ali | 2013-11-14
Vous devez vous connecter pour publier un commentaire.
En premier lorsque vous recevez la réponse à partir de l'api vous définissez votre "contributeurs" variable, quelque chose comme ceci:
dans votre code html que vous faites:
L'élément que vous mettez le ng-repeat sur qui sera répété, je suppose que vous voulez:
et pas
Vous ne pouvez utiliser que $http, si vous l'injecter pour le Contrôleur de déclaration:
Essayer le
$http
au lieu de$resource
pourrait réduire le problème.Ali, oui, après ton edit, je pense que l'api de la réponse elle-même est le problème, pas le votre code. Bien que vous pouvez toujours envisager dans lequel l'élément de mettre votre ng-repeat.
Comment puis-je définir le
$http
? Je suis désolé, je suis très nouveau pourangular
Oui faire le chemin que vous suggérez a parfaitement fonctionné, maintenant 😀
OriginalL'auteur Michiel