arrays - Mustache.Js を使用して単純な配列をレンダリングする

Question

以下のような配列を持つ

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

mustache.js javascript テンプレートを使用する場合、テンプレートはどのように見えるべきですか。以下で試しましたが、手がかりはありません

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

Answer 1

ドキュメントから：

文字列の配列をループすると、. リスト内の現在の項目を参照するために使用できます。

テンプレート：

{{#銃士}} * {{.}} {{/銃士}}

意見：

{ "銃士": ["アトス", "アラミス", "ポルトス", "ダルタニャン"] }

出力：

• アトス
• アラミス
• ポルトス
• ダルタニアン

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>