handlebars each 中如何使用外层变量的值(作用域)?


先看一下数据源


 {
  team: 'TEAM NAME',
  members: [
    { name: 'aaa', score: 5 },
    { name: 'bbb', score: 2 },
    { name: 'ccc', score: 4 },
    ...
  ]
}

再看一下模版


 <div class="team">
  <h4>{{team}}</h4>
  <ul class="members">
    {{#each members}}
      <li>[{{team}}]-{{name}}</li>
    {{/each}}
  </ul>
</div>

会发现 each 中的 {{team}} 并没有值,我的理解是 {{team}} 并不在这个作用域中,那有什么办法来解决这样的实际需求呢?

handlebars 作用域

风灵与炎蝶之环 9 years, 4 months ago

呵呵,我第一次知道这个答案的时候有种被玩弄的感觉:


 <div class="team">
  <h4>{{team}}</h4>
  <ul class="members">
    {{#each members}}
      <li>[{{../team}}]-{{name}}</li>
    {{/each}}
  </ul>
</div>

吃鲸鱼的小虾 answered 9 years, 4 months ago

Your Answer