{{#each}} 内的车把助手 [英] Handlebar helper inside {{#each}}
本文介绍了{{#each}} 内的车把助手的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我尝试在 {{#each}}
循环中调用注册的车把助手.不幸的是 Ember.js 抱怨,因为它试图将帮助器解析为控制器的属性而不是帮助器.
I try to call a registered handlebar helper inside a {{#each}}
loop. Unfortunately Ember.js complains because it tries to resolve the helper as a property of the controller rather than a helper.
Handlebars.registerHelper('testHelper', function(name) {
return 'foo: ' + name
});
(名称和内容只是显示示例的虚拟值)
(names and content are just dummy values to show the example)
{{#each entry in App.testController}}
<div>{{{testHelper entry.name}}}</div>
{{/each}}
Ember.js 打印的错误是:
The error that the Ember.js prints is:
Uncaught Error: Handlebars error: Could not find property 'testHelper' on object <App.testController:ember254>.
我需要如何调用已注册的助手以使其被识别?
How do I need to call the registered helper so that it gets recognized?
推荐答案
使用 这个解决方案让它运行起来,
Javascript
Handlebars.registerHelper('testHelper', function(property, options) {
return 'foo: ' + Ember.get(options.data.view.content, property);
});
车把模板
<script type="text/x-handlebars" data-template-name='app-view'>
<ul>
{{#each entry in content}}
<li>{{testHelper name}}</li>
{{/each}}
</ul>
</script>
甚至更好,有了这个:
Javascript
Handlebars.registerHelper('testHelper', function(property) {
return 'foo: ' + Ember.get(this, property);
});
车把模板
<script type="text/x-handlebars" data-template-name='app-view'>
<ul>
{{#each entry in content}}
{{#with entry}}
<li>{{testHelper name}}</li>
{{/with}}
{{/each}}
</ul>
</script>
这篇关于{{#each}} 内的车把助手的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文