A injeção de dados json para html é feita em etapas, neste primeiro exemplo utilizaremos uma propriedade simples, como nome, em uma estrutura de dados json
{
"nome": "lucas ribeiro"
}após definido a nossa propriedade json, vamos ao próximo passo que é a estruturação disso em um html
<html>
<header></header>
<body>
<div class="resume">
<div class="resume__nome" property="nome"></div>
</div>
</body>
</html>Após a inicialização da API, os dados serão injetados nas propriedades equivalentes, json --> html, outros exemplos podem ser vistos no resume.html
- property
- child
- container
- array-property
- Após a propriedade array-property é necessario declarar um container
- Array são lidos apenas no primeiro nível
LIVE EXAMPLE: CLIQUE AQUI / CLICK HERE
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent