Простой массив с использованием Mustache.Js

Наличие массива, как показано ниже

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

как шаблон должен искать работу с шаблоном javascript для mustache.js. Я пробовал ниже, но никаких подсказок

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

Ответы

Ответ 1

Из документация:

При переходе по массиву строк a. может использоваться для ссылки на текущий элемент в списке.

Шаблон:

{{# мушкетеры}}   * {{.}}   {{/Мушкетеры}}

Вид:

{     "мушкетеры": [ "Афон", "Арамис", "Портос", "Д'Артаньян" ]   }

Вывод:

  •   
  • Афон  
  • Арамис  
  • Портос  
  • д'Артаньян  

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>