Angular TypeScript与Spring Boot后端一起使用枚举

Question

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

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

Answer 1

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

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

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

gender = Gender;

因此，在您的html模板中：

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

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