AngularJS - Binding same scope to multiple copies of a form using ng-include

Question

I have a simple search form which I have it included in two different pages using ng-include directive. I would like to bind them both to the same scope in such a way that when the user navigates between the pages, they'll keep seeing the same search data they've entered in either of the copies.

I have managed to implement an untidy solution using rootScope, but would like to know if this can be implemented in a proper, cleaner way?

Use an angular service to share data and common methods between them — charlietfl
– charlietfl, Commented Nov 22, 2018 at 1:42

Nick Wang · Accepted Answer · 2018-11-22 00:35:01Z

0

I also used root scope slove it, my layout below:

<div id="page-header" ng-include="'views/layouts/header.html'"></div>
<div id="content">
    <div ui-view="content" ng-cloak></div>
</div>
<div id="page-footer" ng-include="'views/layouts/footer.html'"></div>
<div id="toastElement">
    <ul id="toastBox"></ul>
</div>

header.html bound HeaderController, the functions in HeaderController include search, login, logout, register and both working on $rootScope. Is it helpful?

answered Nov 22, 2018 at 0:35

Nick Wang

6243 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - Binding same scope to multiple copies of a form using ng-include

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