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

Question

我正在构建一个大型、复杂的 AngularJS 应用程序(想想 ERP 系统)。我很难决定何时适合使用 ui-view、ng-include 或自定义指令 + templateURL。

我将举一些具体的例子来给大家一些可以使用的东西。

• 在应用程序的所有网址中使用的导航菜单，但包含复杂的 AJAX 自动建议/下拉搜索框。
• 一个简单的 HTML 页脚，在应用程序的所有网址中都相同
• 页眉和页脚之间的内容区域。
• 位于内容区域内的各个组件(例如“编辑个人资料”表单或用户仪表板)
• 模态对话框

最佳实践是什么？

Answer 1

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

UI View 适合根据路线动态交换 Controller 和 View 。如果您的应用程序功能中每个 View 和 Controller 组合都是独立的，那么使用带有路由的 ui-view 是有意义的。