javascript - Angular JS 入门 - 结构和其他问题

Question

我是 AngularJS 的新手，已经阅读了它的教程，阅读了它的一些文档，并且我了解了主要方面。但我需要一些帮助来组织我的项目结构。

基本上，我想要一个单页应用程序。将有几个主要部分，例如:客户、销售、报告等。每个部分都有自己的页面，例如“添加客户”、“查看销售报告”等。

1)那么，我应该为我的应用程序制作一个模块，为每个屏幕使用不同的路线和 Controller 吗？

2)或者我应该有多个模块，例如一个用于“客户”的模块，一个用于“销售”的模块等？

3) 假设我有一个“添加客户”表单，其中包含许多字段。我希望这个表单是交互式的，例如，如果用户从下拉列表中选择他的国家/地区，我想通过 ajax 请求加载该国家/地区的城市。我会在 Controller 中执行此事件处理，还是应该为其制定指令？如果我只需要一种表单的此功能，我是否还应该麻烦地编写指令？

4) 我想构建一个 CRUD 表单生成器类型的库，在其中添加所需的字段，然后它将生成添加/编辑/删除/ ListView 和表单，以及所需的表单验证。像这样的事情:

var crud = new CrudLib();
crud.addTextbox('first').label('First Name').rules('required');
crud.addTextbox('email').label('Email').rules('required,email');
//....
crud.init();

我应该将其设为模块、指令还是其他东西？

Answer 1

(一个问题中有太多问题。)

1) 和 2):根据您的喜好将 Controller 和服务组织到模块中。我倾向于将“相关的事情”放入单独的模块中。例如，LoginCtrl、LogoutCtrl、UserService 等。我放入 User.js 文件中，这是一个模块。

3) AJAX 交互应该放在服务/工厂/提供者中。事件处理应该在指令中。 (指令有时可能看起来有点麻烦/矫枉过正，但是当您需要操作 DOM、附加事件处理程序或重用 HTML block 时，请使用它们。)

4) 如果您需要自定义表单验证，则需要编写指令。另请参阅How can I use Angular to output dynamic form fields?