javascript - 用 mustache 做一个 for-each？

Question

我正在尝试学习 Mustache，但无法让这个脚本工作，而且我在 Google 上找到的指南似乎没有涵盖这个。

<div id="test"> </div>
<script id="testtpl" type="text/template">
    {{#sheet}}
      {{#.}}    
        {{a}}
      {{/.}}
    {{/sheet}}         
</script>

<script>
  var testing = {
    sheet: {
      'fur': {a: 6, b: 2, item: ['bold']},
      'bur': {a: 6, b: 2, item: ['bold']}
    }
  };
  $(function() {
    var template = $('#testtpl').html();
    var html = Mustache.to_html(template, testing);
    $('#test').html(html);
  });
</script>

Answer 1

我想你想要这样的东西

Handlebars 模板

{{#eachProp sheet}}
  {{this}}
{{/eachProp}}

上下文或javascript文字

{
    sheet: {
      'fur': {a: 1, b: 2, item: ['bold']},
      'bur': {a: 5, b: 2, item: ['bold']}
    }
}

Handlebars 助手

Handlebars.registerHelper('eachProp', function(context, options) {
  var data,
    out = [];

   console.log(context);

   for (var key in context) {
     out.push(context[key].a);
   }

   out = out.join(',');

  return out;
});

在 Try Handlebars 上尝试这些积木.现在在网站上玩这个，得到你想要的任何东西。希望这有帮助!!