AngularJS - 使用 ng-include 将相同的范围绑定到表单的多个副本答案

【问题标题】：AngularJS - Binding same scope to multiple copies of a form using ng-includeAngularJS - 使用 ng-include 将相同的范围绑定到表单的多个副本
【发布时间】：2019-04-24 14:33:03
【问题描述】：

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

我已经设法使用 rootScope 实现了一个不整洁的解决方案，但想知道这是否可以以一种适当、更简洁的方式实现？

【问题讨论】：

使用角度服务在它们之间共享数据和常用方法

标签： angularjs angularjs-scope angularjs-ng-include

【解决方案1】：

我也用了root scope 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 上工作。有用吗？

【讨论】：