AngularJS - attach same controller to multiple html elements

Question

I have a sample HTML like this where each div represent tons of html code. I need to attach a piece of html code to a controller which is already attached to one div. Both the first and last div represent the same business functionality and are tightly coupled and hence I cannot use services to share the state. I am looking for a solution other than using angular or ui routing.

<div ng-controller='newController'>
<label>{{greeting}}</label>
</div>

<div>
<!-- Another Big HTML element -->
</div>

<div>
<!-- This is some popup dialog code which should be attached to the scope of newController -->
<label>{{greeting}}</label>
</div>

@user3151330 heeey, if my answer work out for you, mark as accepted 8) — Han Arantes
– Han Arantes, Commented Mar 18, 2016 at 18:18

Han Arantes · Accepted Answer · 2016-03-18 15:27:08Z

4

You just have to attach ng-controller to the div's that you want, like this:

<div ng-controller='newController'>
    <label>{{greeting}}</label>
</div>

<div>
    <!-- Another Big HTML element -->
</div>

<div ng-controller='newController'>
    <!-- This is some popup dialog code which should be attached to the scope of newController -->
    <label>{{greeting}}</label>
</div>

answered Mar 18, 2016 at 15:27

Han Arantes

7751 gold badge7 silver badges20 bronze badges

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

2 Comments

manikawnth Over a year ago

I think it doesn't work. Whenever angular sees an ng-controller it instantiates a new controller object. Please see the plunker below. Click the buttons and you understand what I'm talking about. plnkr.co/edit/o80j1iWaPmrEdGExCK09?p=preview

Skyware Over a year ago

I think that It is due to the third div in your example is not refreshed by buttons plnkr.co/edit/o80j1iWaPmrEdGExCK09?p=preview. The buttons do the magic...

Collectives™ on Stack Overflow

AngularJS - attach same controller to multiple html elements

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related