以角度结构页面的正确方法

Question

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

1. 整个页面使用1个控制器，它很简单，一切都会正常工作
2. 将页面分成多个较小的指令，每个指令都继承主控制器的范围。主控制器获取数据并将其传递给子指令（确实没有真正传递它，更像是孩子们可以从范围中获取它）。基本上，每个子指令处理UI的一部分。
这种方法需要更多文件，而且更复杂

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

Answer 1

查看John Papa的角度风格指南https://github.com/johnpapa/angular-styleguide

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

Answer 2

由于您说您构建了一个复杂的UI，我强烈建议您使用第二个appraoch。第一个只有一个平均值：写入速度更快。到目前为止，这种不满情绪超过了这一点。它会快速增长，你会忘记可能导致意外行为的事情。它更难以测试和维护。第二种方法在可重用性方面也更好，这提高了代码质量。