How can I pass some data from one controller to another peer controller

Question

I have the following two peer controllers  There s no parent to these    lt div data-ng-controller  Controller1  gt    lt  div gt    lt div data-ng-controller  Controller2  gt     The value of xxx is     xxx     lt  div gt   angular module  test       controller  QuestionsStatusController1          rootScope     scope      function   rootScope   scope           How can I set the value of xxx in the HTML that s part of Controller2               angular module  test       controller  QuestionsStatusController2          rootScope     scope       function   rootScope   scope               In controller 1 I want to update the value of the variable xxx in the HTML that s controlled by Controller2  Is there a way I can do this

User · Answer

You need to use    rootScope  broadcast     in the controller that must send datas  And in the one that receive those datas  you use     scope  on   Here is a fiddle that i forked a few time ago  I don t know who did it first anymore  http   jsfiddle net patxy RAVFM

User · Answer

Use a service to achieve this   MyApp app service  xxxSvc   function       var  xxx        return       getXxx  function              return  xxx             setXxx  function  value             xxx   value                  Next  inject this service into both controllers    In Controller1  you would need to set the shared xxx value with a call to the service  xxxSvc setXxx xxx    Finally  in Controller2  add a  watch on this service s getXxx   function like so      scope  watch function      return xxxSvc getXxx       function  newValue  oldValue            if  newValue    null                  update Controller2 s xxx value              scope xxx  newValue                   true

User · Answer

Definitely use a service to share data between controllers  here is a working example   broadcast is not the way to go  you should avoid using the eventing system when there is a more appropriate way   Use a  service    value  or  constant   for global constants    http   plnkr co edit ETWU7d0O8Kaz6qpFP5Hp  Here is an example with an input so you can see the data mirror on the page  http   plnkr co edit DbBp60AgfbmGpgvwtnpU  var testModule   angular module  testmodule         testModule     controller  QuestionsStatusController1          rootScope     scope    myservice       function   rootScope   scope  myservice            scope myservice   myservice               testModule     controller  QuestionsStatusController2          rootScope     scope    myservice       function   rootScope   scope  myservice           scope myservice   myservice            testModule      service  myservice   function           this xxx    yyy

User · Answer

In one controller  you can do    rootScope  broadcast  eventName   data     and listen to the event in another    scope  on  eventName   function  event  data

[angularjs] How can I pass some data from one controller to another peer controller

Examples related to angularjs