Render mảng đơn giản sử dụng Mustache.Js

Question

Có một mảng như dưới đây

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

làm thế nào nên một mẫu nhìn để làm việc với mustache.js javascript mẫu. Tôi cố gắng bên dưới nhưng không có manh mối

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

Answer 1

Từ documentation:

Khi vòng lặp trên một mảng các chuỗi, a. có thể được sử dụng để chỉ mục hiện tại trong danh sách.

mẫu:

{{}} #musketeers * {{}.} {{/ người lính ngự lâm}}

Xem:

{ "người lính ngự lâm ": [" Athos "," Aramis "," Porthos "," D'Artagnan "] }

Output:

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