Question

这是我的小模特：

var stuff = [{
  there: 'blah',
  that: {
    one: 'bbb',
    two: 'ccc'
  }
}];

首先，对于以下模板，我不明白为什么第一个{{@key}}没有输出任何内容而第二个输出任何内容。

{{#each this}}
  {{@key}}
  {{#each that}}
    {{@key}}
  {{/each}}
{{/each}}

更重要的是，我正在尝试使用下一个模板和帮助程序来检查值是对象还是字符串，并迭代它并打印键，或者只打印出键。

{{#each this}}
  {{#if isObj this}}
    {{#each that}}
      {{@key}}
    {{/each}}
  {{else}}
    {{@key}}
  {{/if}}
{{/each}}

助手：

Handlebars.registerHelper('isObj', function(thing) {
  return $.type(thing) === 'object';
});

Answer 1

我可以回答第一个问题，你应该使用{{@index}}而不是{{@key}}，因为你在迭代一个数组。我正在研究第二个问题。

A：

{{#each this}}
  key: {{@index}}
  {{#each that}}
    key1: {{@key}}
  {{/each}}
{{/each}}

对于b部分，似乎你必须注册一个新的辅助函数，好像不能从另一个函数返回。您的块帮助器将类似于（pretty much stole this from here）：

Handlebars.registerHelper('ifObject', function(item, options) {
  if(typeof item === "object") {
    return options.fn(this);
  } else {
    return options.inverse(this);
  }
});

现在将模板更改为：

{{#each this}}
  {{#ifObject this}}
    {{#each that}}
      {{@key}}
    {{/each}}
  {{else}}
    {{@key}}
  {{/ifObject}}
{{/each}}

这是在tryhandlebars.com和updated your jsbin上工作，希望它有所帮助！

如何检查值是否是Handlebars中的对象？

1 个答案: