How to send data from component to route in ember.js?

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

// routes/my-route.js

import Route from '@ember/routing/route';

export default Route.extend({
  actions: {
    processData(data) {
      // Handle the data in the route
      console.log(data);
    }
  }
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// components/my-component.js

import Component from '@ember/component';

export default Component.extend({
  actions: {
    sendData(data) {
      this.sendAction('processData', data);
    }
  }
});

1

{{my-component sendData=(action 'processData')}}