Comment puis-je créer un objet json en utilisant Angular et l'afficher en utilisant html?

Question

Fondamentalement, je travaille avec un objet json dont je ne sais rien, je ne connais pas ses clés, je ne connais pas sa valeur. J'ai réussi à travailler avec et traiter toutes les informations que je veux, à la fin j'ai un tableau (j'ai besoin d'un tableau pour pouvoir faire ce que je veux) avec toutes les clés et leurs chemins dans le json. Y at-il un moyen que je puisse le remettre dans un json et l'afficher en utilisant html?

Answer 1

Si vous ne souhaitez pas utiliser un devTool pour afficher votre objet JSON vous pouvez le faire dans votre modèle:

<div>{{ yourObject | json}}</div> 

Answer 2

Étape 1:
simple Javascript: const arrayAsJson = JSON.stringify(yourArray)

Étape 2: Pour afficher les données, suivez la réponse de @Bougarfaoui El houcine et comme mentionné dans les commentaires pour obtenir une sortie formatée:

<pre>{{ arrayAsJson | json }}</pre>