AngularJS View /区域

Question

我正在尝试学习 AngularJS，我想我有一个架构问题。

如果我想开始开发一个应用程序，比方说，比如 youtube，我如何在“区域”(比如 Marionette)中组织页面？我的意思是:顶部导航栏、搜索框、侧边菜单、主视频、评论等。

这些区域是否应该包含在指令中？

<div top-navbar></div>
<div main-video="link_to_video"></div>
等等……

还是 Controller ？
<div ng-controller="top-navbar"></div>
等...

还是什么都没有？把它们都扔在 app-controller 下例如。

我也看过 ng-include但我不确定它应该在这里使用。无论如何，只是一个关于组织的问题。

Answer 1

您绝对不需要为此使用指令，但是，根据每个部分的复杂性，您稍后可能会了解到将每个 block 放在它自己的指令中可能会受益。

由于您是 AngularJS 的新手，我建议您从让每个 block 与其自己的 Controller 相关联开始。当需要在 block 之间进行通信时，您可以使用继承、共享服务或事件广播。在此过程中，您会逐渐发现哪些 block 可能需要指令逻辑。

使用 ng-include 加载每个 block 的 View 是完全可以的。否则(除非您使用指令)您的主视图很快就会变得非常沉重且难以使用。

您可能还想查看一些现有的种子 项目，以更好地了解这些 View /区域的布局方式。

1. Angular App
2. ng-boilerplate