Html 如何正确模块化AngularJS应用程序？

如何正确地模块化

Angularjs

应用程序？我有一个带有独立部分的

HTML

页面，我希望有独立的控制器。目前，我只有一个控制器，为整个页面提供服务。

HTML

页面的不同部分共享相同的范围数据。有人能提供一个简短而简洁的例子，让多个控制器服务于同一页面的各个部分并共享公共范围数据吗？我是个新手

---

非常感谢。

这个问题太宽泛，无法完全回答，但这里有一些提示：

当需要操作DOM时，请使用指令/组件

控制器应具有尽可能少的代码。将逻辑/服务器调用放在服务层中

如果您需要一个具有多个控制器共享数据的复杂导航系统，您可能需要检查ui路由器（）。它是一个状态机，您可以在其中嵌套状态及其关联视图。子状态的控制器继承自父状态，允许共享数据

如果不是，ui router 2在控制器中共享数据的方式：事件（$on，$emit），将共享的数据存储在服务中，并使用$watch监视更改

---

我个人的偏好是使用服务和指令。一个简单的例子将非常感谢您的回答。但我真的希望有一个非常简短的示例，其中包含两个指令/服务，1个控制器。需要想象这些东西是如何联系在一起的。不需要任何复杂的东西…这太依赖于您的选择，如果我选择一个ui路由器示例，而您不选择它，那么我将展示的关于它们如何结合在一起的大部分内容都将失败。关于它们是如何结合在一起的，这很简单：控制器使用服务，指令在模板中使用，并且可以注入服务，对于指令的绑定，请查看文档或网上的大量示例。就指令而言，已经有太多的话要说了。没问题，只需逐个检查组件，如果您不理解，请用谷歌搜索它。如果您发现或需要提问，您将最终到达那里：）