5

使用 Handlebar 的最新稳定版本,我试图在遍历每个子项时显示站点名称。下面代码的输出是:

5
Stackoverflow
One -
Two -

渲染孩子时,车把可以通过走上来检索站点名称吗?

<html>
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
    <script src="handlebars.js"></script>
    <script>
    $(document).ready(function() {
        var source = $('#entry-template').html();
        var template = Handlebars.compile(source);
        var context = {
          site: {
            age: 5,
            name: 'Stackoverflow',
            children: [
              {
                name: 'One'
              },
              {
                name: 'Two'
              }
            ]
          }
        };
        $('div#output').html(template(context));
    });
    </script>
  </head>
  <body>
    <div id="output"></div>
    <script id="entry-template" type="text/x-handlebars-template">
      <div>{{site.age}}</div>
      <div>{{site.name}}</div>
      {{#each site.children}}
      <div>{{name}} - {{site.name}}</div>
      {{/each}}
    </script>
  </body>
</html>
4

1 回答 1

12

尝试{{../site.name}}在你的循环中做。Handlebars../语法允许访问父范围。

于 2013-06-02T22:27:15.630 回答