何时在 AngularJS 应用程序中使用自定义指令、ui-view 和 ng-include？

Question

我正在构建一个大型、复杂的 AngularJS 应用程序（想想 ERP 系统）。我很难决定何时使用ui-view、ng-include 或custom directive + templateURL。

我将举几个具体的例子，让你们都可以使用。

• 在应用程序的所有 URL 中使用的导航菜单，但包括复杂的 AJAX 自动建议/下拉搜索框。
• 一个简单的 HTML 页脚，在应用程序的所有 URL 中都是相同的
• 页眉和页脚之间的内容区域。
• 内容区域内的各个组件（例如“编辑配置文件”表单或用户仪表板）
• 模态对话框

最佳做法是什么？

Answer 1

对于任何大型或复杂的应用程序，我建议您将尽可能多的代码组织成可重用的自定义指令。自定义指令将允许您利用角度指令来实现最大的可重用性，并最大限度地减少仅依赖内置指令时存在的重复 HTML。

UI 视图适用于根据路由动态更换控制器和视图。如果您有应用程序功能，其中每个视图和控制器组合都是独立的，那么使用带有路由的 ui-view 是有意义的。