我是如何在一个组件内部处理商店的？我正在尝试创建一个从商店返回结果的自动完成组件.
App.AutoCompleteComponent = Ember.Component.extend({
//-------------------------------------------
// Ember Properites
//-------------------------------------------
content: Ember.ArrayController.create(),//-------------------------------------------
// Instance Properties
//-------------------------------------------
queryText: "",componentItemSelected: null,//-------------------------------------------
// Observers
//-------------------------------------------
queryTextChanged: function () {
this.updateContent(this.get("queryText"));
}.observes("queryText"),//-------------------------------------------
// Instance Methods
//-------------------------------------------
selectItem: function (item) {
this.set("componentItemSelected",item);
},updateContent: function (queryText) {
if (queryText.length <= 5) {
console.log('not greater than 5 chars');
return;
}
this.get("content").setObjects([]);
var items = App.Company.find();
this.get("content").setObjects(items);
}
});
这是我公司的模特
App.Company = DS.Model.extend({
name: DS.attr('string'),created_at: DS.attr('date'),updated_at: DS.attr('date'),people: DS.hasMany('person')
});
我试过了：
> this.get(‘store’)
> DS.Store.find(‘company’)
>只是存储
> App.Company.find()
我总是得到一个Uncaught TypeError …没有方法’find’
解决方法
真正的答案是你不应该.组件应该与外部世界无关,并且在商店中添加依赖项会破坏该概念.实际上你应该事先得到模型(在路线或控制器中,取决于逻辑)并将它们传递到组件中.
https://github.com/emberjs/data/blob/master/TRANSITION.md
In general,looking up models directly in a component is an anti-pattern,and you should prefer to pass in any model you need in the template that included the component.
现在我已经说过了,只需将商店传递给组件即可.它存在于路由和控制器上,因此当您在商店中创建组件作为参数之一发送时,您可以使用this.get(‘store’)访问它
{{auto-complete store=controller.store}}
要么
{{auto-complete store=store}}
