torgeir/hogan-internal-access-nested-context.html

## hogan-internal-access-nested-context.html
<!doctype html>
<meta charset=utf-8>
<title>hogan internal access nested context</title>

<script src="hogan-3.0.1.js"></script>

<script>
  var data = {
    site: {
      heading: "Site heading",
      sections: [
        { title: "Section 1" },
        { title: "Section 2" },
        { title: "Section 3" }
      ]
    }
  };

  var template = [
    "{{#site}}",
      "<h1>{{heading}}:</h1>",
      "<ul>",
        "{{#sections}}",
          "<li>{{title}} - {{heading}}</li>",
        "{{/sections}}",
      "</ul>",
    "{{/site}}"
  ].join('');


  var html = Hogan.compile(template).render(data);
  console.log(html);
  // <h1>Site heading:</h1>
  // <ul>
  //   <li>Section 1 - Site heading</li>
  //   <li>Section 2 - Site heading</li>
  //   <li>Section 3 - Site heading</li>
  // </ul>
</script>