arrays - for - mustache js que es

Renderizar matriz simple usando Mustache.Js

Question

Tener una matriz como abajo

var arrNames = ["Stackoverflow","StackExchange","Webmaster","Programmers"];

cómo debería verse una plantilla para trabajar con la plantilla de javascript mustache.js. Lo intenté a continuación pero no hay pistas.

• {{#}}{{key}}{{/}}

Answer 1

De la documentation :

Cuando se recorre una serie de cadenas, a. se puede utilizar para referirse al elemento actual en la lista.

Modelo:

{{#musketeers}} * {{.}} {{/ mosqueteros}}

Ver:

{"mosqueteros": ["Athos", "Aramis", "Porthos", "D''Artagnan"]}

Salida:

• Athos
• Aramis
• Porthos
• D''Artagnan

var tpl = document.getElementById(''simple'').innerHTML,
  view = {
    items: [''Stackoverflow'', ''StackExchange'', ''Webmaster'', ''Programmers'']
  };

document.getElementById(''output'').innerHTML = Mustache.to_html(tpl, view);

<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.js"></script>
<script type="template" id="simple">
  <h1>Array Values</h1>
  <ul>
    {{#items}}
    <li>{{.}}</li>
    {{/items}}
  </ul>
</script>

<div id="output"></div>