Render simple matriz usando Mustache.Js

Question

Tener una matriz, como a continuación

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

cómo debería un vistazo plantilla para trabajar con javascript mustache.js plantilla. Probé a continuación, pero no hay indicios

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

Answer 1

Desde el documentation:

Cuando un bucle a través de una matriz de cadenas, a. se puede usar para referirse al elemento actual en la lista.

Plantilla:

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

Ver:

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

de 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>