Access store from component

Question

i have a component and when user click on component it add some value to store,i try to use this way but i get an error :

OlapApp.MeasureListItemComponent = Ember.Component.extend({   tagName: 'li',   isDisabled: false,   attributeBindings: ['isDisabled:disabled'],   classBindings: ['isDisabled:MeasureListItemDisabled'],    actions: {     add: function(measure) {       var store = this.get('store');       store.push('OlapApp.AxisModel', {             uniqueName: measure.uniqueName,             name: measure.name,             hierarchyUniqueName: measure.hierarchyUniqueName,             type: 'row',             isMeasure: true,             orderId: 1       });     }   } }); 

and this is error:

Uncaught TypeError: Cannot call method 'push' of undefined  MeasureListItemComponent.js:18 

is it posible to push record to store from component? why i cant access to store ? my model name is 'AxisModel' and application namespace is 'OlapApp'

Answer 1

Since Ember v1.10, the store can be injected to components using initializers, see: http://emberjs.com/blog/2015/02/07/ember-1-10-0-released.html#toc_injected-properties:

export default Ember.Component.extend({     store: Ember.inject.service() });