-1
votes

Affichage des données de repos d'API en angular à l'aide de NGUR

Mon application utilise un service pour apporter des données sur une URL d'API simulée. J'ai écrit le service mais j'ai une erreur:

ne peut pas trouver un objet de support différent '[objet d'objet]' de type "objet". NGFOR ne prend en charge que la liaison à des itérables tels que les tableaux. Strong> p>

Ma structure JSON est: comme suit: p>

[
    "result", [
  {
    "u_serial_number": "E745K100200",
    "u_product_name": "MP2355 Black and White",
    "u_address_floor": "1",
    "u_address_line_1": "15 Rue De Cambrai",
    "u_address_post_code": "75019"
  },
  {
    "u_serial_number": "E745K100200",
    "u_product_name": "MP26789 All Colour",
    "u_address_floor": "2",
    "u_address_line_1": "14 London Road",
    "u_address_post_code": "78900"
  },
  {
    "u_serial_number": "E745K100200",
    "u_product_name": "MP2678 Black and Yellow",
    "u_address_floor": "3",
    "u_address_line_1": "13 Champs Elyses",
    "u_address_post_code": "78987"
  },
  {
    "u_serial_number": "E745K100200",
    "u_product_name": "MP7898 Black and white",
    "u_address_floor": "4",
    "u_address_line_1": "17 Rue De Cambrai",
    "u_address_post_code": "75019"
  },
  {
    "u_serial_number": "E745K100200",
    "u_product_name": "MP2355 Black and white",
    "u_address_floor": "5",
    "u_address_line_1": "11 Rue De Cambrai",
    "u_address_post_code": "75019"
  },
  {
    "u_serial_number": "E745K100200",
    "u_product_name": "MP2355 Black and white",
    "u_address_floor": "6",
    "u_address_line_1": "11 Rue De Cambrai",
    "u_address_post_code": "75019"
  },
  {
    "u_serial_number": "E745K100200",
    "u_product_name": "MP2355 Black and white",
    "u_address_floor": "7",
    "u_address_line_1": "11 Rue De Cambrai",
    "u_address_post_code": "75019"
  }
 ]
]

javascript angular

0 commentaires

3 Réponses :

1
votes

Vous devriez essayer dans votre nconinit: xxx

préféré Démo < / a>.

1 commentaires

Dans votre Ngoninit, envisagez également d'importer httpClientModule dans votre app.Module comme je l'ai fait dans la démonstration de Stackblitz, vous êtes le bienvenu.

1
votes

ajoutez ceci dans le fichier de composant xxx

et import httpmodule xxx

0 commentaires

2
votes

Votre code est correct mais vous avez fait une petite erreur. Découvrez la ligne suivante.

     import {HttpClientModule} from '@angular/common/http';

0 commentaires