Guidão – o JavaScript sistema de modelos

Iniciar sua primeira Demo com Guidão como este:

Existem apenas alguns passos necessários para pôr as coisas a funcionar com o Guidão. Primeiro, você deve criar o seu modelo no arquivo HTML. Isto é criado em um padrão <script> tag e é uma combinação de expressões HTML e Handlebar. O modelo pode ter qualquer id que você quiser, mas o tipo deve ser “text/x-handlebars-template” caso contrário a tag script será renderizada como JavaScript.

código HTML de bloco para um exemplo de um Guidão modelo.

neste exemplo, eu criei o modelo ‘handlebars-demo’ e adicionei alguns HTML e quatro expressões nas barras.

Agora coloque os blocos de código JavaScript necessários para renderizar e adicionar manipulador templating para guiadores.

bloco de JavaScript para um Guidão cumprido HTML

Depois de o modelo ter sido obtidos, podemos compilá-lo utilizando o Handlebars.compile() método que retorna uma função. Esta função é então executada passando o contexto como um argumento. Quando a execução está completa, a função retorna o HTML desejado com todas as variáveis substituídas por seus valores correspondentes. Neste ponto podemos injetar o HTML em nossa página web.

após a Saída de renderização de templates em HTML usando o Guidão:

resultado após a execução do código e modelo

Espero que você leia e descubra algo novo a partir de hoje este artigo.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *