Handlebar helper inside {{#each}} [英] Handlebar helper inside {{#each}}

问题描述

我尝试在 {{＃each}} 循环内调用一个注册的handlebar帮助程序。不幸的是，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打印的错误是： / p>

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>​

或者更好的是，使用这个：

Or even better, with this one:

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>​

这篇关于Handlebar helper inside {{#each}}的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！