Sharing dynamic data between controllers in angularjs

Question

All -

I am new to angularjs and have some difficulty understanding how to share data between controllers that changes depending on selected value of autocomplete

Here is the link to the small app I am working on to learn angularjs. I am using jquery layout plugin for splitting the screen into two halves. West pane has autocomplete to get data from googleapis (example from angular ui bootstrap webpage). Once the user select the value from list of addresses displayed via autocomplete, I want to display the value on center pane. West pane and center pane are both defined in two different controllers. I am loss to understand on how to update center pane whenever a new value is selected in autocomplete. I have read that we need to use services, but could not get it to work

SleepyProgrammer · Accepted Answer · 2014-04-22 20:23:00Z

1

I used the simple tutorial here to get it working: https://www.youtube.com/watch?v=HXpHV5gWgyk

Using a factory rather than a service, and changing the bindings in the html to asyncSelected.message.

Basically you include the factory in each controller and it injects the object, which you then create in the scope of each controller.

Plunker:

http://plnkr.co/edit/UMl2k2a5mS1TP7dJsiUZ?p=preview

answered Apr 22, 2014 at 20:23

SleepyProgrammer

4531 gold badge5 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Sharing dynamic data between controllers in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related