retrieve the data in json with angular - json

Question

i want retrieve id_recette and id_igrendients in this json
i can do this for id_recetteingredients and quantité for fill my formular but with id_recette and id_ingredient not working
i dont know how to resolve this .thanks for your help
in web console i have this :
{id_recetteingredients: 16, quantite: 1, recette: {…}, ingredient: {…}}id_recetteingredients: 16ingredient: {id_ingredient: 3, nomingredients: 'oeuf'}quantite: 1recette: {id_recette: 9, titre_recette: 'gauffre', date_recette: '2023-12-02T00:00:00.000+00:00', description_recette: 'gauffre merveilleuse', categorie_recette: 'gauffre', …}[[Prototype]]: Object
my html is that for diplay :
<div class="input-field col s16">
<label for="id_recetteingredients">id_recetteingredients</label>
<input type="text" name="" id="id_recetteingredients" class="form-control" formControlName="id_recetteingredients" data-length="10">
</div>
<div class="input-field col s16">
<label for="quantite">quantite</label>
<input type="text" name="" id="quantite" class="form-control" formControlName="quantite" data-length="100">
</div>
<div class="input-field col s16">
<label for="id_recette">id_recette</label>
<input type="text" name="" id="id_recette" class="form-control" formControlName="recettte.id_recette" data-length="10">
</div>
[
{
"id_recetteingredients": 1,
"quantite": 9999,
"recette": {
"id_recette": 1,
"titre_recette": "gateau au chocolat",
"date_recette": "2023-01-01T00:00:00.000+00:00",
"description_recette": "gateau chocolat",
"categorie_recette": "gateau",
"niveaudifficulte_recette": "moyen",
"tempspreparation_recette": "10",
"tempscuisson_recette": "30",
"tempstotal_recette": "40",
"nbpersonne_recette": "10",
"recettepremium_recette": false,
"id_utilisateur": 3
},
"ingredient": {
"id_ingredient": 1,
"nomingredients": "farine"
}
},
{
"id_recetteingredients": 2,
"quantite": 12,
"recette": {
"id_recette": 1,
"titre_recette": "gateau au chocolat",
"date_recette": "2023-01-01T00:00:00.000+00:00",
"description_recette": "gateau chocolat",
"categorie_recette": "gateau",
"niveaudifficulte_recette": "moyen",
"tempspreparation_recette": "10",
"tempscuisson_recette": "30",
"tempstotal_recette": "40",
"nbpersonne_recette": "10",
"recettepremium_recette": false,
"id_utilisateur": 3
},
"ingredient": {
"id_ingredient": 2,
"nomingredients": "chococolat"
}
}
{
"id_recetteingredients": 7,
"quantite": 2,
"recette": {
"id_recette": 2,
"titre_recette": "crepes",
"date_recette": "2023-01-01T00:00:00.000+00:00",
"description_recette": "crepes",
"categorie_recette": "crepes",
"niveaudifficulte_recette": "facile",
"tempspreparation_recette": "3",
"tempscuisson_recette": "10",
"tempstotal_recette": "13",
"nbpersonne_recette": "1",
"recettepremium_recette": true,
"id_utilisateur": 1
},
"ingredient": {
"id_ingredient": 1,
"nomingredients": "farine"
}
},
{
"id_recetteingredients": 8,
"quantite": 12,
"recette": {
"id_recette": 9,
"titre_recette": "gauffre",
"date_recette": "2023-12-02T00:00:00.000+00:00",
"description_recette": "gauffre merveilleuse",
"categorie_recette": "gauffre",
"niveaudifficulte_recette": "moyen",
"tempspreparation_recette": "10",
"tempscuisson_recette": "30",
"tempstotal_recette": "40",
"nbpersonne_recette": "4",
"recettepremium_recette": false,
"id_utilisateur": 1
},
"ingredient": {
"id_ingredient": 1,
"nomingredients": "farine"
}
},
{
"id_recetteingredients": 9,
"quantite": 12,
"recette": {
"id_recette": 9,
"titre_recette": "gauffre",
"date_recette": "2023-12-02T00:00:00.000+00:00",
"description_recette": "gauffre merveilleuse",
"categorie_recette": "gauffre",
"niveaudifficulte_recette": "moyen",
"tempspreparation_recette": "10",
"tempscuisson_recette": "30",
"tempstotal_recette": "40",
"nbpersonne_recette": "4",
"recettepremium_recette": false,
"id_utilisateur": 1
},
"ingredient": {
"id_ingredient": 2,
"nomingredients": "chococolat"
}
},
{
"id_recetteingredients": 16,
"quantite": 1,
"recette": {
"id_recette": 9,
"titre_recette": "gauffre",
"date_recette": "2023-12-02T00:00:00.000+00:00",
"description_recette": "gauffre merveilleuse",
"categorie_recette": "gauffre",
"niveaudifficulte_recette": "moyen",
"tempspreparation_recette": "10",
"tempscuisson_recette": "30",
"tempstotal_recette": "40",
"nbpersonne_recette": "4",
"recettepremium_recette": false,
"id_utilisateur": 1
},
"ingredient": {
"id_ingredient": 3,
"nomingredients": "oeuf"
}
}
]
i have try many things but all not work and now i dont know how to resolve this