Angular.JS：视图共享同一控制器，更改视图时重置模型数据

Question

我开始使用Angular.JS。

我有许多共享同一控制器的视图。每个视图都是收集存储在控制器中的数据的步骤：

$routeProvider.when('/', {
  templateUrl: 'partials/text.html',
  controller: 'itemSubmitter'
});

$routeProvider.when('/nextThing', {
  templateUrl: 'partials/nextthing.html',
  controller: 'itemSubmitter'
});

itemSubmitter控制器：

$scope.newitem = {
  text: null
}

这是第一个视图：

<textarea ng-model="newitem.text" placeholder="Enter some text"></textarea>

<p>Your text is:
{{ newitem.text }}</p>

此方法可以实时更新“您的文本是：”段落。

但是，在加载下一个视图时，{{ newitem.text }}将重置为其默认值。如何使存储在控制器实例中的值在视图之间持久化？

Answer 1

更改路线时会布置控制器。这是个好习惯，因为您不应该依赖控制器在视图之间传送数据。最好创建一个服务来处理该数据。

请参阅有关如何正确使用控制器的角度文档。
http://docs.angularjs.org/guide/dev_guide.mvc.understanding_controller

引用文档：

正确使用控制器

通常，控制器不应尝试做太多事情。它应仅包含单个视图所需的业务逻辑。

使控制器保持苗条的最常见方法是将不属于控制器的工作封装到服务中，然后通过依赖注入在控制器中使用这些服务。本指南的“依赖关系注入服务”部分对此进行了讨论。

请勿将控制器用于：

• 任何类型的DOM操作-
  控制器应仅包含业务逻辑。众所周知，DOM操作（应用程序的表示逻辑）因难以测试而闻名。将任何表示逻辑放入控制器中都会严重影响业务逻辑的可测试性。Angular提供了用于自动DOM操作的数据绑定。如果必须执行自己的手动DOM操作，请将表示逻辑封装在指令中。
  
• 输入格式-改用角度形式的控件。
• 输出过滤-改用角度过滤器。
• 要运行跨控制器共享的无状态代码或有状态代码，请使用角度服务。
• 实例化或管理其他组件的生命周期（例如，创建服务实例）。