ember.js - Ember 组件 - TypeError : store is undefined

Question

我正在使用 ember 2.3。当我尝试访问组件内的商店时，我在控制台中收到以下错误。



这是我在 component.js 中尝试过的

export default Ember.Component.extend({

actions: {
  saveEmployee : function() {
      var store = this.store;

      var newEmployee = store.createRecord("employee", {
          fname: "Manu",
          lname: "Benjamin",
          email: "manu.benjamin@gmail.com",
          department: "IT Services"
      });

      newEmployee.save().then(()=> {
          console.log("Record successfully saved!!!!");
      });

  }
}
});

我是否需要在我的组件中包含任何使用 store 的内容？

Answer 1

我试图找出这种类型错误的原因。最后我从 的以下博客中找到了解决方案乔什·法兰特 .

https://blog.farrant.me/how-to-access-the-store-from-within-an-ember-component/

我们需要在组件中注入(inject) store 服务。

store: Ember.inject.service(),

我们可以使用 get 函数将 store 注入(inject)到 action 中，

let store = this.get('store');

我使用上述解决方案修改了我的代码，它对我有用。

export default Ember.Component.extend({

store: Ember.inject.service(),

actions: {

  saveEmployee : function() {
      var store = this.get('store');

      var newEmployee = store.createRecord("employee", {
          fname: "Manu",
          lname: "Benjamin",
          email: "manu.benjamin@gmail.com",
          department: "IT Services"
      });

      newEmployee.save().then(() => {
          console.log("Record successfully saved!!!!");
      });

  }
}
});

谢谢 乔什·法兰特 为漂亮的博客。