J'ai le succès pour obtenir des données à partir d'autres API et montrer avec console.log comme ci-dessous:
et ceci est mon code dans Dashboard.component.ts Comment dois-je faire si envie d'obtenir "TOT_SITE" de valeur à mon avis dans Dashboard.component.html? < un href = "https://i.stack.imgur.com/ptpavug.png" rel = "nOfollow noreferrer"> aidez-moi, merci ... 
4 Réponses :
Vous devez attribuer la réponse de l'API à la variable publique. Vous pouvez boucler le résultat dans un modèle en utilisant * ngfor.
composant: strong> p> str STRY> P > <div class="kpi">
<div style="center" class="color-gray">Network activity</div>
<div class="item" *ngFor="let item of apiData">
<span class="text-xl"></span>
<span class="text-lg color-gray"> {{item.tot_sites}}</span>
</div>
</div>
génial! travailler comme un charme. merci @suresh kumar ariya
composant: strong> Déclarez une variable pour stocker la valeur totale des sites: p> Vérifiez si la réponse contient votre tableau ou non et mettre à jour la variable En conséquence. p> lie cette variable à votre vue: p> <div class="kpi">
<div style="center" class="color-gray">Network activity</div>
<div class="item">
<span class="text-xl"></span>
<span class="text-lg color-gray">{{total_sites}}</span>
</div>
</div>
Ici, vous avez annoncé html espère que cela aidera TEMP tableau que vous pouvez accéder à ce tableau dans votre HTML à l'aide de {{temp [0] .tot_site}}
Désolé, j'ai oublié d'ajouter ceci. avant la tempête
comme une variable globale est accessible par HTML. dans html, vous pouvez faire une boucle via jeu de données et afficher la valeur souhaitée ou si vous n'avez que l'élément en réponse array puis stockez uniquement la valeur TOT_SITES comme ceci et dans html