Angular TypeScript с использованием enum с Spring Boot Backend

Question

У меня вопрос к лучшей практике. Я хочу использовать enum для пола в регистрационной форме в Angular. В своем бэкэнде я использую Spring Boot на Java и создал enum Gender.

Как теперь можно отобразить гендерные значения в регистрационной форме? Должен ли я реализовать перечисление в TypeScript или как я могу вызвать его из Spring, и это эффективно?

Answer 1

Создайте перечисление со строковыми значениями, например:

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

И в вашем компоненте TS создайте поле для проверки перечисления в вашем шаблоне:

gender = Gender;

Итак, в вашем html-шаблоне:

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

Помните, что Typescript Enums являются числовыми по умолчанию.