Render prostą tablicę używając Mustache.Js

Question

Mając tablicę jak poniżej

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

jak powinien wygląd szablonu do pracy z mustache.js javascript szablon. Próbowałem, ale nie poniżej wskazówki

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

Answer 1

Z documentation:

Gdy zapętlenie nad tablicę łańcuchów, a. można użyć do odnoszenia się do bieżącego elementu na liście.

Szablon:

{{}} #musketeers * {{}.} {{/}} muszkieterowie

Zobacz:

{ „muszkieterów ": [" Athos "," Aramis "," Porthos "," D'Artagnan "] }

wyjściowa:

• Athos
• Aramis
• Portos
• 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>