ember.js - Handlebars helper 返回标记

Question

我有以下非常简单的 Handlebars 帮助器，可返回图像网址:

Ember.Handlebars.registerHelper 'avatarUrl', (property, options) ->
  if value = Ember.get(this, property)
    if small_url = value.small_url
      return small_url

  '/images/fallback/small_default.png'

我这样使用:

<img src="{{avatarUrl avatar}}" title="displayName">

上面的作品，但我想做的是返回整个img元素。

使用handabars助手可以做到这一点吗？

Answer 1

从fine manual(在底部):

If your helper returns HTML that you do not want escaped, make sure to return a new Handlebars.SafeString.

因此，如果您希望您的助手返回一个完整的 <img>元素，则构建您的HTML字符串并将其包装在 Handlebars.SafeString中:

Ember.Handlebars.registerHelper 'avatarImg', (property, options) ->
  # Build your <img> HTML string and leave it in result ...
  new Handlebars.SafeString(result)

然后在模板中，您应该能够:

blah blah {{avatarImg ...}} blah blah

并从 <img>中获取一个 {{avatarImg ...}}。