Discussion :

[Kreepz]

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

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 :

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

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

[Marco46]

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

Code :

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

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>

[Kreepz]

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

[Invité]

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