Discussion :

[Massinissa90]

Bonjour à tous,

Je vais exposer un problème un peu complexe, si vous trouvez que la réponse est trop complexe pour y répondre par écrit merci de me donner les mots clé correspondant à cette problématique afin que je puisse chercher sur internet car je sais pas comment appeler ce concept pour formuler une recherche sur internet.


Je voudrai créer une application qui pourrait m'aider à gérer la gestion de mon rucher (Apiculture), j'ai une base donnée NoSQL donc j'ai un tableau contenant des rucher et chaque rucher comporte des ruches

Ce que je souhaite faire c'est afficher dans une page la liste des rucher depuis ce tableau (pour ça pas de soucis j'arrive à le faire), par contre le problème sur lequel je bloque c'est comment faire pour que je puisse cliquer sur un rucher et accéder à une autre page qui me recense la liste des ruche appartenant à chaque rucher? en prend en compte les ID de chaque ruche et rucher

En vous remerciant par avance

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
 listeRuchers: any = [
      {
        ID: "001",
        nomRuher: "rucher01",
        localisation: "orleans",
        ruches: [
          {
            ID: "01",
            nomRuche: "ruche01",
            reine: "buckfast"
          },
          {
            ID: "02",
            nomRuche: "ruche02",
            reine: "noir"
          },
          {
            ID:"03",
            nomRuche: "ruche03",
            reine: "Italienne"
          }
        ]
      },
 
      {
        ID: "002",
        nomRuher: "rucher02",
        localisation: "paris",
        ruches: [
          {
            ID:"10000",
            nomRuche: "ruche01",
            reine: "noir"
          }
        ]
      },
]

[krakatoa]

Code html :

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

1
2
3
4
5
6
7
8
9
10
<div   *ngFor="let rucher of ruchers">
  <div (click)="onclick(rucher.id)">
    {{ rucher.nomruher }}
</div>
 
................................
 
onClick(id: number) {
    navigate........('/rucher', id);   // on passe l'id dans la route
}

la page de detail rucher

Code :

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

1
2
3
4
5
ngOnInit() {
   recupere l'ID de la route
   on effectue une requete avec l'id pour recuperer les ruches 
       on l'affiche à l'ecran
}

[Massinissa90]

Bonjour krakatoa

Merci pour ta réponse, sauf que j'ai pas bien compris. Si tu propose des coaching payant je suis preneur