Question

我有一个简单的ember控制器，它显示一个字符串列表并有一个搜索框。

App.SearchController = Ember.ArrayController.extend
  query: undefined
  queried: (->
    this.get('model').filter (object) -> object.match(query)
  ).property('model', 'query')

此控制器/模板仅在其他模板中呈现。我想用一个像这样的默认查询来呈现控制器

# titles = ['abc', 'def', 'ghi']
{{ render 'search' titles query='abc'}}

上面的语法不起作用，我想做什么？

Answer 1

我会在这种情况下创建一个组件：

SearchBoxComponent = Em.Component.extend({
  query: undefined
  queried: (->
    this.get('titles').filter (object) -> object.match(query)
  ).property('titles', 'query')
}});


{{search-box titles=titles query='abc'}}

// components/search-box.handlebars
{{#each item in queried}}
   {{item}}
{{/each}}

Ember：从{{render}} helper设置控制器属性

1 个答案: