Ng-repeat regroupement d'item

Version imprimable

Bonjour,

Je travail depuis peu sur un projet pour réaliser une application hybride avec Ionic Framework. Et je rencontre un petit soucis au niveau du ng-repeat :evilred:

Alors, je récupère un JSON qui se constitue de n objet hôtes et dans cette hôte j'ai son nom et les informations sur un service qui se trouve sur celui-ci. Donc je peux avoir plusieurs objets hôte avec le même nom mais des services différents.

Donc ce que je souhaite faire c'est dans ma liste pouvoir regrouper par hôtes mes services. Pour l'instant j'ai cela:
Code:

1 2 3 4 5 6 7 8 <ion-list> <ion-item ng-repeat="serv in services" class="message"> <h3 class="message title">{{serv.name}}</h3> <p>Adresse IP: {{serv.address}}</p> <p>Message: {{serv.output}}</p> </ion-item> </ion-list>
Je voudrais en quelque sorte:

Hôte 1
-----Service 1
-----Service 7
-----Service 11
Hôte 2
-----Service 4
-----Service 8
Hôte 3
-----Service 12

Merci :)

J'ai peut être mal compris ta structure de données mais il suffit d'imbriquer les ng-repeat :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<ion-list>	
	<ion-item ng-repeat="h in hotes" class="message">
		<h3 class="message title">{{h.name}}</h3>
		<p>Services : </p>
		<ion-list>	
			<ion-item ng-repeat="serv in h.services" class="message">
				<h3 class="message title">{{serv.name}}</h3>
				<p>Adresse IP: {{serv.address}}</p>
				<p>Message: {{serv.output}}</p>
			</ion-item>
		</ion-list>
	</ion-item>
</ion-list>

27/07/2015, 14h37
Kreepz

1 pièce(s) jointe(s)

Merci pour ta réponse.

Je viens de me rendre compte que je ne renvoyer pas un "bon" JSON, il faut que je les regroupe par hôte dès la création du JSON du coup :)
31/07/2015, 16h17
Invité

Salut, pour ça utiliser le module Angular Filter, il le fait bien.