In AngularJS how can I data bind a model from one controller with another?

Question

I have two ngControllers in one ngApp. I'd like to data bind the model from one controller with another.

Here's an example of my controllers:

ViewUsers: Is a list view of users
UserDetail: Is a detailed view of a single user

When the user clicks on a userRow(model:$scope.users[n]) in ViewUsers, it's calling a global function that creates a new instance of UserDetail.

But I want to send the $scope.users[n] in the constructor of UserDetail or something by reference so any changes to the modelin my UserDetail controller will be reflected in the userRow from the ViewUsers controller.

So for example, when you change the name in the detailed view, it'll be relected in the list view on the side.

Are services the route I need to go? Or $watch?

Any advice would be appreciated, Thanks!

Refer great tutorial "AngularJS controller communication" here onehungrymind.com/angularjs-communicating-between-controllers — Hüseyin BABAL
– Hüseyin BABAL, Commented Jan 14, 2014 at 8:50
Hmm, thanks for this. Although the problem is that I'm creating a new controller dynamically; not written into the html. Maybe i'll try creating the new controller, then broadcasting via rootscope. — Keith
– Keith, Commented Jan 14, 2014 at 9:02

Community · Accepted Answer · 2017-05-23 12:29:16Z

1

Another approuch to use scope which is parent for both of your scopes or $rootScope.

Also, see this post - there is an example how to share data between controllers.

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Jan 14, 2014 at 8:47

user2445933

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

Collectives™ on Stack Overflow

In AngularJS how can I data bind a model from one controller with another?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related