时间戳

首页 > 解决方案 > Angular 模型和接口组织

angular - Angular 模型和接口组织

问题描述

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> {}

UPD：我知道这可以由每个团队内部决定，并且取决于内部协议，但我对“其他开发人员如何做到这一点？”感兴趣。

标签： angulartypescript

解决方案

这可能取决于你。

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

但是Gender枚举可以用于其他模型/接口，例如Customer并且应该在单独的文件中。

PS：one file per class/interface当您需要编辑它时，该方法将帮助您了解或推断哪个文件名是特定的类/接口。

推荐阅读