Ember.js 突出显示已安排内容的结果

我正在“搜索”（读取筛选）一些数据，输入的值是筛选排列内容的值。有人知道/知道我如何在打字时突出显示匹配的字母吗

我已经包括了一个JSBin来说明

---

我认为正确的方法是使用

Ember.handlebar.registerBoundHelper（'highlight'，函数（值，选项）{
var filter=options.hash.filter；
var regex=新的RegExp（过滤器，“gi”）；
formattedTag=value.replace（regex，$&）；
返回新把手。安全字符串（格式化标签）；
});

为了使整个工作正常进行，我对模型和模板做了一些更改，请查看我的jsbin版本：

Ember.Handlebars.registerBoundHelper('highlight', function(value, options) {    
    var filter = options.hash.filter;
    var regex = new RegExp(filter, "gi");
    formattedTag = value.replace(regex, "<span class='highlight'>$&</span>");
    return new Handlebars.SafeString(formattedTag);
});