javascript - {{#each}} 内的 Handlebars 助手

Question

我尝试在 {{#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>.

我需要如何调用已注册的帮助器才能识别它？

Answer 1

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