Bonjour,
voici un json qui me donne les jour de semaines:
Voici mon template qui affiche sous forme de liste mes jours de semaines:
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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38 [ { "jourSemaine":"Dim", "debJour0H":1524952800, "plageHoraire":false }, { "jourSemaine":"Mar", "debJour0H":1525125600, "plageHoraire":false }, { "jourSemaine":"Mer", "debJour0H":1525212000, "plageHoraire":false }, { "jourSemaine":"Jeu", "debJour0H":1525298400, "plageHoraire":false }, { "jourSemaine":"Lun", "debJour0H":1525039200, "plageHoraire":false }, { "jourSemaine":"Ven", "debJour0H":1525384800, "plageHoraire":false }, { "jourSemaine":"Sam", "debJour0H":1525471200, "plageHoraire":false } ]
_calendarService.fileTemp et ma donnée json que j'ai donné
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 //template calendrier parent <app-calendrier-semaine [semaine]="_calendarService.fileTemp"> </app-calendrier-semaine>
dans mon template enfant calendrier-semaine je fais une boucle pour afficher mes jours dans la semaine:
voici le résultat:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <div *ngFor="let jour of semaine"> <h2>{{jour.jourSemaine}} - {{jour.debJour0H*1000 | date}} - <a *ngIf="!jour.plageHoraire">dispo</a></h2> </div>
la dernière ligne est , le template ajoute false ? il est considérer comme le jour suivant pourquoi ? ne la boucle ngFor ne s'arrête pas tout seul ?
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 Dim - Apr 29, 2018 - dispo Mar - May 1, 2018 - dispo Mer - May 2, 2018 - dispo Jeu - May 3, 2018 - dispo Lun - Apr 30, 2018 - dispo Ven - May 4, 2018 - dispo Sam - May 5, 2018 - dispo false
dans mon JSON, après samedi il n'y pas de jour suivant qui pourrais m'afficher un jours "false"..
j'ai essayer de mettre une condition si la donnée existe :
mais ce false est toujour là ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <div *ngFor="let jour of semaine"> {{jour | json}} <h2 *ngIf="jour">{{jour.jourSemaine}} - {{jour.debJour0H*1000 | date}} - <a *ngIf="!jour.plageHoraire">dispo</a></h2>
edit:
je n'avais pas vu que ce titre ne fait partie des dates, je me suis trompé car il appraît la même forme ...
Partager