AngularJS - привязка одной и той же области к нескольким копиям формы с помощью ng-include

Question

У меня есть простая форма поиска, которая включена в две разные страницы с использованием директивы ng-include .Я хотел бы привязать их обоих к одной и той же области видимости таким образом, чтобы при переходе пользователя между страницами он продолжал видеть те же самые поисковые данные, которые он вводил в любую из копий.

IВам удалось внедрить неопрятное решение с использованием rootScope, но хотелось бы знать, можно ли это реализовать надлежащим, более чистым способом?

Answer 1

Я также использовал корневую область slove it, мой макет ниже:

<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 привязанный HeaderController, функции в HeaderController включают в себя поиск, вход в систему, выход из системы, регистрацию и обе работают на $ rootScope.Это полезно?