Javascript 以角度构造页面的正确方法

我和一位同事进行了一次有趣的讨论。我们正在使用angular构建一个复杂的UI，我们有两种不同的方法

整个页面使用1个控制器，很简单，一切都可以正常工作

将页面分成多个较小的指令，每个指令继承主控制器的作用域。主控制器获取数据并将其传递给子指令（实际上并不是传递数据，更像是子控制器可以从范围中获取数据）。基本上，每个子指令处理UI的一部分。这种方法需要更多的文件，而且更复杂

---

我正在寻找关于上述两种方法的更多选项和/或意见。

查看约翰·帕帕的《角度风格指南》

---

此样式指南包含您需要了解的有关AngularJS的所有最佳实践

查看John Papa的Angular样式指南

---

本风格指南包含了您需要了解的关于AngularJS的所有最佳实践

既然您说过要构建一个复杂的UI，我强烈建议您使用第二种方法。第一个只有一个平均值：写起来更快。到目前为止，缺点远远超过了这一点。它将快速增长，你将无法了解正在发生的事情以及可能导致意外行为的原因。它更难测试和维护。第二种方法在提高代码质量的可重用性方面也更好。

既然你说你要构建一个复杂的UI，我强烈建议使用第二种方法。第一个只有一个平均值：写起来更快。到目前为止，缺点远远超过了这一点。它将快速增长，你将无法了解正在发生的事情以及可能导致意外行为的原因。它更难测试和维护。第二种方法在提高代码质量的可重用性方面也更好。

我可能错过了指南中的一些明显内容。您能更具体地说明哪些规则可以应用于我的案例吗？将您的应用程序功能分解为可以根据需要插入应用程序的组件。它降低了应用程序的复杂性。它支持每个组件的单元测试，而且维护也不会很痛苦。还要尝试将值从父组件传递到子组件，而不是从父组件传递到子组件。如果您愿意，这也将有助于您迁移到Angular 2。我可能在指南中遗漏了一些明显的内容。您能更具体地说明哪些规则可以应用于我的案例吗？将您的应用程序功能分解为可以根据需要插入应用程序的组件。它降低了应用程序的复杂性。它支持每个组件的单元测试，而且维护也不会很痛苦。还要尝试将值从父组件传递到子组件，而不是从父组件传递到子组件。如果您愿意，这也将帮助您迁移到Angular 2。