IMPORTANT: Per accedir als fitxer de subversion: http://acacha.org/svn (sense password). Poc a poc s'aniran migrant els enllaços. Encara però funciona el subversion de la farga però no se sap fins quan... (usuari: prova i la paraula de pas 123456)

Instal·lació

$ npm install moustache

Manual

Utilitzant un CDN:

https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.0/mustache.min.js

Exemple plantilla sense Moustache

Es pot fer amb amb ES6 amb template literals:

http://wesbos.com/template-strings-html/

Exemple:

const person = {
    name: 'Wes',
    job: 'Web Developer',
    location: 'Hamilton',
    bio: 'Wes is a really cool guy that loves to teach web development!'
}

// And then create our markup:
const markup = `
 <div class="person">
    <h2>
        ${person.name}
    </h2>
    <p class="location">${person.location}</p>
    <p class="bio">${person.bio}</p>
 </div>
`;
document.body.innerHTML = markup;

Exemple

Plantilla HTML:

<script id="template" type="x-tmpl-mustache">
  <p>Use the <strong>{{power}}</strong>, {{name}}!</p>
</script>

Codi Javascript:

window.onload = function() {
//Grab the inline template
var template = document.getElementById('template').innerHTML;

//Parse it (optional, only necessary if template is to be used again)
Mustache.parse(template);

//Render the data into the template
var rendered = Mustache.render(template, {name: "Luke", power: "force"});

//Overwrite the contents of #target with the rendered HTML
document.getElementById('target').innerHTML = rendered;
}

Recursos:

Vegeu també

Enllaços externs