How to update a controller from another controller in ember.js?

1

ember generate service data-sharing

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

// app/controllers/controller1.js
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

export default Controller.extend({
  dataSharing: service(),

  actions: {
    updateSharedData(newData) {
      this.get('dataSharing').set('sharedData', newData);
    }
  }
});

1
2
3
4
5
6
7
8
9

// app/controllers/controller2.js
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

export default Controller.extend({
  dataSharing: service(),
  
  sharedData: Ember.computed.reads('dataSharing.sharedData')
});

1
2

// app/controllers/controller1.js
this.get('dataSharing').set('sharedData', 'new data');

1
2

// app/controllers/controller2.js
console.log(this.get('sharedData')); // Output: 'new data'