Emberjs，创建一个筛选列表的搜索栏

Question

我希望制作一个搜索对象列表的输入栏。

这是Tom和Yehuda提供的我想要的例子。有用。 http://jsbin.com/ulukep/87/edit。

我的问题我的代码不适用于此示例。例如，我正在尝试从{{categoryNames}}模型中对{{recordCategories}}列表进行排序。

recordCategories.hb

{{#each itemController="recordCategory"}}
  <p>{{categoryName}}</p>
{{/each}}

问题＃1 正在尝试将Yehuda的把手助手与我的recordCategory categoryNames列表集成。这就是他们所拥有的。

Ember.Handlebars.helper('autocomplete', Ember.View.extend({
  templateName: 'controls/autocomplete',

  filteredList: function() {
    var list = this.get('list'),
        filter = this.get('filter');

    if (!filter) { return list; }

    return list.filter(function(item) {
      return item.name.indexOf(filter) !== -1;
    });
  }.property('list.@each', 'filter')
}));

我将所有视图，模板和控制器分成单独的文件和文件夹，但我不知道应该放在哪里。在recordCategories/recordCategory_view.js？我还会用'list'替换所有'recordCategories'的内容吗？

问题＃2 是我展示{{autocomplete list=list1}}的方式。我知道把手被命名为{{autocomplete}}，因为它被称为Ember.Handlebar，但我如何实现list=list1？ recordCategories = categoryName？ recordCategories=recordCategories？我不确定