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


#1

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 thevalue in controller. Thisvalue 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 ?