handlebars.js“each”循环在另一个“each”循环中

<script id="template" type="text/x-handlebars-template">
  {{#each outerArray}}
    <h2>{{this.title}}</h2>
    <ul>
      {{#each this.innerArray}}
        <li>{{this}}</li>
      {{/each}}
    </ul>
  {{/each}}
</script>

<div id="output"></div>

<script>
  var data = {
    outerArray: [
      { title: "Group 1", innerArray: ["Item 1", "Item 2", "Item 3"] },
      { title: "Group 2", innerArray: ["Item 4", "Item 5", "Item 6"] }
    ]
  };

  var template = Handlebars.compile(document.getElementById("template").innerHTML);
  document.getElementById("output").innerHTML = template(data);
</script>