# Ember Observer changes between Components

**URL:** https://meta.discourse.org/t/ember-observer-changes-between-components/170323
**Category:** Development
**Created:** [November 17, 2020, 2:13am UTC](https://meta.discourse.org/t/ember-observer-changes-between-components/170323 "2020-11-17T02:13:37Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![feabila](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@feabila](https://meta.discourse.org/u/feabila)
#### Post date: [November 17, 2020, 2:13am UTC](https://meta.discourse.org/t/ember-observer-changes-between-components/170323/1 "2020-11-17T02:13:37Z")

</div>

Yooo you all!

I have been fighting against some points which I’m not getting scalable solutions.

GOAL: I’m using [Discourse Retort](https://meta.discourse.org/t/retort-a-reaction-style-plugin-for-discourse/35903), so I’m modifying class with Plugin API, and my main target is when the user trigger the ´emojiSelected´

```
emojiPicker.onclick = (e) => { ....

```

And, what I’m trying to do is to manipulate data between component so, the idea would be:

- **Emoji Picker** selects an emoji
- **My component** listens to data change
- And according to changes, I apply a custom logic over data changed above component

WAYS I HAVE TRIED:

- I have tried with appEvents, I got the point of triggering inside another component, but my component in initial page is instanced around 20 times, and its scope loses in the way
- And now I’m trying with a **Ember.service**
- I know it’s around components states, like **observers** , **computed properties** , but I’m not getting solved.

 ![Screen Shot 2020-11-16 at 23.11.49](https://global.discourse-cdn.com/meta/original/3X/3/b/3b4df05bea9864dc6f44468bee518cb95d08b837.png)

Hope you guys can help me!

(Maybe, i will have to get sometime to give attention to Ember.js yoo)

Appreciate your help!  
Best Regards,  
Felipe