突出显示来自arrangeContent的结果

Question

我正在“搜索”（读取过滤）一些数据，其中输入的值是过滤一个arrangeContent。有没有人知道/我知道如何在我输入时突出显示匹配的字母？

我已经包含了一个JSBin来说明。

http://emberjs.jsbin.com/rojare/1/edit?html,js,output

Answer 1

我认为执行此操作的正确方法是使用Handlebars helper

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);
});

为了让整个工作变得有效，我更改了模型和模板，查看我的jsbin版本：HERE