7

我到底如何获得组件内部存储的句柄?我正在尝试创建一个从商店返回结果的自动完成组件。

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')
  • 只是store
  • App.Company.find()

我总是得到一个Uncaught TypeError ... has no method 'find'

4

1 回答 1

12

真正的答案是你不应该。组件应该与外部世界无关,添加对 store 的依赖打破了这个概念。实际上,您应该事先获取模型(在路由或控制器中,取决于逻辑)并将它们传递给组件。

https://github.com/emberjs/data/blob/master/TRANSITION.md

一般来说,直接在组件中查找模型是一种反模式,您应该更愿意在包含该组件的模板中传递您需要的任何模型。

既然我已经说过了,只需将 store 传递给组件。它存在于路由和控制器上,因此当您创建一个在商店中作为参数之一发送的组件时,您可以使用this.get('store')

{{auto-complete store=controller.store}}

或者

{{auto-complete store=store}}

http://emberjs.jsbin.com/OxIDiVU/720/edit

于 2013-11-14T05:06:59.757 回答