AngularJS-使用ng-include将相同作用域绑定到表单的多个副本

Question

我有一个简单的搜索表单，使用 ng-include 指令将其包含在两个不同的页面中。我想将它们绑定到相同的范围，以使当用户在页面之间导航时，他们将继续看到在任何一个副本中输入的相同搜索数据。

我已经设法使用rootScope实现了一个整洁的解决方案，但是想知道是否可以以一种正确，更简洁的方式来实现它？

Answer 1

我还使用了根作用域slove它，我的布局如下：

<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上均可使用。有帮助吗？