Angular 模型和接口(interface)组织

Question

Angular 样式指南包含有关在应用程序中使用类和接口(interface)的最佳实践的信息。但它没有任何关于如何组织我的接口(interface)和模型类的信息。

有一个问题:关于文件和类的组织有什么最佳实践吗？

• 我应该将所有域类和接口(interface)存储在一个文件中，还是应该为每个接口(interface)创建单独的文件？
• 我应该在不同的文件中还是在一个文件中保存模型类和接口(interface)？
• 如果组件或服务有一些基础架构类和接口(interface)，它的组织方式(一个或多个文件、后缀等)如何？
• 模型文件的哪些后缀在 Angular 世界中最常见？

例如，更好的关注方式是什么？

用户服务.model.ts

export enum Gender {MALE, FEMALE}

export interface UserStatus {
  id: string;
  caption: string;
}

export interface User {
  name: string;
  gender: Gender;
  status: UserStatus;
}

export interface UserListResponse extends ListResponse<User> {}

或

用户性别.model.ts

export enum Gender {MALE, FEMALE}

用户状态.model.ts

export interface UserStatus {
  id: string;
  caption: string;
}

用户.模型.ts

export interface User {
  name: string;
  gender: Gender;
  status: UserStatus;
}

用户列表响应.model.ts

export interface UserListResponse extends ListResponse<User> {}

更新:我知道这可以由每个团队在内部决定并取决于内部协议(protocol)，但我对“其他开发人员如何做到这一点？”感兴趣

Answer 1

这可能取决于您。

我更喜欢将所有模型保存在它自己的文件中，将特定模型分组在同一个文件中，例如 UserStatus、User 和 UserListResponse。

但是 Gender 枚举可以用在其他模型/接口(interface)上，比如 Customer 并且应该放在一个单独的文件中。

PS:每个类/接口(interface)一个文件 方法将帮助您在需要编辑时知道或推断哪个文件名是特定的类/接口(interface)。