Ember.js-在ember中存储应用程序特定数据的最佳方法是什么？

Question

I need to access the application specific data in my components as well as routes. I also need to set the application specific data from normal JS.

I have currently created an object with global namespaces (App.globalSetting) and then created the variables as properties on this object.

I am then able to set and get the variable using App.globalSetting.set() and App.globalSetting.get().

Is the above method a good practice or is there a better way to do the same.

Also the data to be stored is critical. So please suggest a best way to accomplish this task.

Answer 1

You may want to take a look at Services: http://guides.emberjs.com/v2.0.0/services/ .

From the guides:

"An Ember.Service is a long-lived Ember object that can be injected as needed."

Example service:

settings-service.js

export default Ember.Service.extend({
  exampleSetting: true,
  update(value) {
    this.set('exampleSetting', value);
  }
});

How to access this service from a Component (or Route):

export default Ember.Component.extend({
  settings: Ember.inject.service('settings-service'),
  actions: {
    doSomething(val) {
      this.get('settings').update(val);
    }
  }
});