Ember / Handlebars:自定义帮助器渲染

时间:2014-01-23 18:46:50

标签: ember.js handlebars.js

在我的自定义帮助器中,如何呈现一个本身使用帮助器的按钮(在本例中为“action”帮助器)?我正在尝试这个:

Ember.Handlebars.registerBoundHelper('actionButtons', function(context, options) {
    return new Handlebars.SafeString("<button {{action 'remove'}} class='destroy'>Delete</button>");
}

但我只是得到一个带有格式错误的HTML的非工作按钮。

1 个答案:

答案 0 :(得分:0)

你会想要使用部分而不是帮助。

{{partial 'buttons'}}

或者你可以做到

Ember.Handlebars.helper('actionButtons', Ember.View.extend({
  templateName: 'buttons'
}));

{{actionButtons}}

模板会有类似

的内容
<button {{action 'remove'}} class='destroy'>Delete</button>

或者你可以做到

Ember.Handlebars.helper('actionButtons', Ember.View.extend({
  template: Ember.Handlebars.compile('<button {{action 'remove'}} class='destroy'>Delete</button>')
}));

{{actionButtons}}