Angular TypeScript 使用带有 Spring Boot 后端的枚举

【问题标题】：Angular TypeScript using enum with Spring Boot BackendAngular TypeScript 使用带有 Spring Boot 后端的枚举
【发布时间】：2019-03-29 12:18:22
【问题描述】：

我有一个关于最佳实践的问题。我想在 Angular 的注册表单中使用性别枚举。在我的后端，我使用 Java 中的 Spring Boot 并创建了枚举 Gender。

现在在注册表单中显示性别值的方法是什么？我应该在 TypeScript 中实现枚举，还是如何从 Spring 中调用它，这样效率高吗？

【问题讨论】：

【解决方案1】：

使用字符串值创建枚举，如下所示：

export enum Gender {
    MALE = 'MALE',
    FEMALE = 'FEMALE'
}

并在您的组件 TS 中创建一个字段来验证模板中的枚举：

gender = Gender;

所以，在你的 html 模板中：

<div *ngIf="customer.gender === gender.MALE"></div>

请记住，Typescript 枚举是默认数字。

【讨论】：