如何在 ember.js 中的组件中获取商店

Question

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

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'

Answer 1

真正的答案是你不应该。组件应该与外部世界无关，添加对 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