Dev Faq
0
votes

Comment afficher Tableau de la table de données suivante dans HTML de l'application angulaire 7 obtenue via l'appel des API.

Dans l'application angulaire 7, j'essayais d'obtenir les données tabulaires de l'appel de l'API et d'affecter la même chose aux éléments HTML. ajouté le code suivant ici. J'ai pu enregistrer les données dans la parenthèse interne du code d'appel, mais les données n'étaient pas disponibles. Je ne suis pas capable de l'affecter à n'importe quel élément HTML.

Classe TypeScript: P> 

{
"APIExecutionTime":"0 sec(s) to execute the function",
"data":{
    "Table":[{
    "UserId":654,
    "ImageURL":"654.png",
    "Name":"Santosh Pal",
    "CompanyId":78,"EmpCode":"987"
    }]},
"httpStatusCode":200,
"msg":"OK",
"IsValid":true
}
how to get data.Table[0] and assign to class property

0 commentaires

3 Réponses :

0
votes

Vous pouvez essayer comme ceci: 

<table>
   <tr>
      <th>UserId</th>
      <th>Name</th>
   </tr>
   <tr *ngFor="let data of data.Table">
      <td>{{data.UserId}}</td>
      <td>{{data.Name}}</td>
   </tr>
</table>

0 commentaires
0
votes

Essayez ceci:

this.data = json.stringify (res); au lieu d'utiliser juste this.data = res.data.table xxx

0 commentaires
0
votes

getdetail () { xxx

}

1 commentaires

S'il vous plaît ajouter quelques explications

Articles qui pourrait vous intéresser :

Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube
Changer le format numérique du champ d'entrée dans le mode d'édition de ligne de table d'Antd?
La description n'est pas une exception définie sur Typescript, Mocha et VSCode
Impossible de trouver le module défini dans tsconfig `chemins`