我尝试在 {{#each}}
循环中调用已注册的 Handlebars 助手。不幸的是,Ember.js 会提示,因为它试图将助手解析为 Controller 的属性而不是助手。
Handlebars.registerHelper('testHelper', function(name) {
return 'foo: ' + name
});
(名称和内容只是显示示例的虚拟值)
{{#each entry in App.testController}}
<div>{{{testHelper entry.name}}}</div>
{{/each}}
Ember.js 打印的错误是:
Uncaught Error: Handlebars error: Could not find property 'testHelper' on object <App.testController:ember254>.
我需要如何调用已注册的帮助器才能识别它?
最佳答案
使用 this solution 让它运行起来,
Javascript
Handlebars.registerHelper('testHelper', function(property, options) {
return 'foo: ' + Ember.get(options.data.view.content, property);
});
Handlebars 模板
<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);
});
Handlebars 模板
<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>
关于javascript - {{#each}} 内的 Handlebars 助手,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12366848/