防止添加span标记

Question

我在模板中有以下标记：

<p class="form-action-title"><i class="icon-edit"></i> {{t generic.title.edit}} ...</p>

这将呈现为：

<p class="form-action-title"><i class="icon-edit"></i> <span id="i18n-14">Editar</span> ...</p>

我想完全删除翻译文本的<span>（这会让我的造型变得混乱）。我尝试过：

{{t generic.title.edit tagName=""}}

但没有效果。奇怪的是，根据documentation，以下{{t}}：

{{#view Em.Button titleTranslation="button.add_user.title">
  {{t button.add_user.text}}
{{/view}}

呈现没有<span>：

<button title="Add a user">
  Add
</button>

（我没试过这个，我只相信文档）

我可以做些什么来摆脱<span>？

Answer 1

两个选项：

修补来源：https://github.com/jamesarosen/ember-i18n/blob/master/lib/i18n.js#L133和https://github.com/jamesarosen/ember-i18n/blob/master/lib/i18n.js#L170

或者创建自己的简单助手：

Ember.Handlebars.registerHelper('i18n', function(key) {
  return new Handlebars.SafeString(Ember.I18n.t(key))
});

然后

{{i18n generic.title.edit}}

希望它有所帮助。