从助手返回对象值(流星)

问题描述 投票:1回答:1

我有一个辅助函数,它接受一个参数并返回一个对象。

objectReturnHelper: function(param1) {
   var obj1 = collectionName.findOne(param1).count1;
   var obj2 = collectionName.findOne(param1).count2;;
   return {
        obj1: _.range(0, obj1),
        obj2: _.range(0, obj2)
    };
}

现在我想单独访问对象的值。这就是我想要做的事情:

{{#each objectReturnHelper id obj1}}
        <p>TEST</p>
{{/each}}

但它没有产生任何结果。但是,如果我删除参数,它工作正常:

objectReturnHelper: function() {
   var obj1 = 5;
   var obj2 = 10;
   return {
        obj1: _.range(0, obj1),
        obj2: _.range(0, obj2)
    };
}


{{#each objectReturnHelper.obj1}}
        <p>TEST</p>
{{/each}}

任何见解?

meteor each helper
1个回答
1
投票

为了更好地反映对象的结构,您可以使用#with来正确access object context。在此上下文中,您可以使用#each为给定范围内的每个项目创建范围

{{#with objectReturnHelper id}}
  {{#each this.obj1}}
    <p>Test (1)</p>
  {{/each}}
  {{#each this.obj2}}
    <p>Test (2)</p>
  {{/each}}
{{/with}}

如果你的帮助者产生了意想不到的结果,那么你就可以进行非侵入性的后备:

objectReturnHelper: function(param1) {
   var query = collectionName.findOne(param1)
   if (!query) return null

   var obj1 = query.count1;
   var obj2 = query.count2;

   return {
        obj1: obj1 >= 0 ? _.range(0, obj1) : null,
        obj2: obj1 >= 0 ? _.range(0, obj2) : null,
    };
}

然后,您可以使用withelse中捕获此回退,当上下文为false时自动触发:

{{#with objectReturnHelper id}}
  {{#each this.obj1}}
    <p>Test (1)</p>
  {{/each}}
  {{#each this.obj2}}
    <p>Test (2)</p>
  {{/each}}
{{else}}
  <p>No data found</p>
{{/with}}

您当然可以将其配置为不同的后备,其中else捕获each块内:

{{#with objectReturnHelper id}}
  {{#each this.obj1}}
    <p>Test (1)</p>
  {{else}}
    <p>No data found</p>
  {{/each}}
  {{#each this.obj2}}
    <p>Test (2)</p>
  {{else}}
    <p>No data found</p>
  {{/each}}
{{/with}}
© www.soinside.com 2019 - 2024. All rights reserved.