Ember.js カスタムヘルパの作り方 #JavaScript

12/20追記
20日の記事で、データバインディング機能付きのカスタムヘルパの作り方を説明しています。こちらもご参照ください

Ember.jsのViewヘルパを自作することができます。
例えばこういうやつです。

{{highlight name}}

カスタムヘルパは以下のように実装します。

Handlebars.registerHelper('highlight', function(property, options) {
  var value = Ember.Handlebars.get(this, property, options);
  return new Handlebars.SafeString('<span class="highlight">'+value+'</span>');
});

このカスタムヘルパは以下のようなHTMLに展開されます。

<span class="highlight">Peter</span>