API INJECT JSON TO HTML

MODOS DE USO

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

Propriedades Conhecidas

property
child
container
array-property

Limitações

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

About

Languages

Language:HTML 41.3%Language:JavaScript 36.1%Language:SCSS 22.5%