将单个Angular Controller拆分为多个JS文件

Question

我正在尝试使用Angularjs为我们的金融客户创建一个应用程序。 他们需要整个应用程序在一个页面中。 我说服他们至少使用标签。 但实际问题是应用程序有近2000个字段，其中一半是根据输入和数据库中的一些数字计算的。

我使用很少的控制器隔离了应用程序。 但是在给出所有计算的情况下，每个控制器仍然是巨大的。

1. 有没有办法将单个Controller拆分成多个JS文件？
2. 我们使用KnockoutJS为同一客户开发了类似的应用程序。 使用KO的可观察量和计算特征相当容易。 或者与KO呆在一起是否更好？ 想象在控制器之间进行所有计算似乎非常困难。

请建议。

Answer 1

Angular在设计上并不差，但它很容易被误用。 Angular没有为模型或继承提出任何建议（你自己使用JS原型，POJO，以及为mixin extend或copy ）这一事实根本没有帮助。

如果您拥有OOP语言中现代MVC框架的背景，那么您可能熟悉“瘦控制器，胖模型”的概念。 在Angular案例中，它是'瘦控制器，胖服务'（毕竟它不是MVC，而是MVW框架）。

如果您要将某些功能分离到单独的对象（文件？）中，那么它就是准备就绪的服务 （很可能是factory ）。 将Angular服务视为适合DI模式的常规对象（模型，实用程序类，异步服务等）。

看看Angular在过去几年中的良好实践是如何发展的，这是非常有趣的。 其中一个是将控制器用于它们闪耀的唯一东西 - 从服务获取数据并将其放入范围，并使用$scope.$...函数，它有助于避免范围汤 。

我最喜欢的另一个概念 （受Web组件影响）是替换控制器（ ng-controller本身就是一个指令，它只提供控制器，因此名称），带有指令。 后者可以提供更高级别的封装（通过隔离范围）和控制器互操作（具有require ）。

我花了一些时间来弄明白，但如果你不得不与Angular斗争，你可能做错了什么。

Answer 2

简短的回答是否定的 。 您的控制器必须定义为单个功能。

但是，您应该将控制器中的逻辑分解为单独的服务。 事实上，控制器应该具有非常少的逻辑。 您需要与其他控制器和指令共享的所有数据都应存储在您创建的服务中。 单独的指令和控制器将使用服务来更新获取所需的值。

另请注意，如果控制器中有任何操作DOM的内容，则所有逻辑都应该在指令中。