# Ember.js: How to re-render component on change in controller?

**URL:** <https://discuss.emberjs.com/t/ember-js-how-to-re-render-component-on-change-in-controller/11889>\
**Category:** Uncategorized\
**Created:** [November 6, 2016, 5:43am UTC](https://discuss.emberjs.com/t/ember-js-how-to-re-render-component-on-change-in-controller/11889 "2016-11-06T05:43:49Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![sudeep](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/sudeep/32/12683_2.png) [@sudeep](https://discuss.emberjs.com/u/sudeep)\
**Post date:** [November 6, 2016, 5:43am UTC](https://discuss.emberjs.com/t/ember-js-how-to-re-render-component-on-change-in-controller/11889/1 "2016-11-06T05:43:49Z")

</div>

template.hbs

`{{foo data=value}}` route.js

```
setupController: function(controller, model) {  
    controller.set('actions', {
      bar(param){
        controller.set('value',param);
      }
    });
  }

```

the action `bar` is called by different other components which changes the` value` in controller. This` value` is passed to the `foo` component. The problem is the `foo` component didn’t get updated after change in `value`.How to re-render the component on change in controller ?