我有一个辅助函数,它接受一个参数并返回一个对象。
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}}
任何见解?
为了更好地反映对象的结构,您可以使用#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,
};
}
然后,您可以使用with
在else
中捕获此回退,当上下文为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}}