ember.js - 我怎样才能取消绑定(bind) emberjs Handlebars 助手

Question

我有一个自定义 Handlebars 助手:

Handlebars.registerHelper('foo', function(key) {
    return (key + ' bar');
});

在我的 html 中我有:

{{foo beer}}

结果是

<div id="ember127" class="ember-view">beer bar</div>

我怎样才能让我自己的 Handlebars 助 watch 现得像 ember {{unbound beer}} 并且只生成“啤酒吧”而不需要任何额外的标记？

Answer 1

所以我认为您可能会对帮助程序、模板和 Ember View 的确切工作方式感到困惑。您创建的标记是预期的，并且是您使用未绑定(bind)帮助程序获得的确切标记。

Ember.Handlebars 模板始终放置在 Ember View 对象中(如上所示)。正常绑定(bind)助手会产生的东西是:

<div id="ember127" class="ember-view">
  <script id="metamorph-1-start" type="text/x-placeholder"></script>
      beer bar
  <script id="metamorph-1-end" type="text/x-placeholder"></script>
</div>

现在，如果您想用除 div 之外的其他标签(比如说 anchor 标签或其他标签)包围您的字符串，那么您需要创建一个 View ，设置它的模板和标签名称，然后附加该 View 。

看看this jsFiddle并查看检查器中的结果 Pane ，了解我正在谈论的一些示例。希望这可以为您解决问题。