时间戳

首页 > 解决方案 > 在 FE 中使用 BE 提供的 Enum 是可能的，如何？

angular - 在 FE 中使用 BE 提供的 Enum 是可能的，如何？

问题描述

我有这个来自 BE 的枚举，我想在 HTML 模板上使用它，我可以使用它以及如何使用它？或者我也应该在 FE 中提供另一个，在这种情况下最佳实践是什么？

export interface UserModel { 
    id?: number;
    email?: string;
    password?: string;
    gender?: UserModel.GenderEnum;
    createdAt?: Date;
    deletedAt?: Date;
    updatedAt?: Date;
} 

export namespace UserModel {
    export type GenderEnum = 'male' | 'female';
    export const GenderEnum = {
        Male: 'male' as GenderEnum,
        Female: 'female' as GenderEnum
    }; 
}

我不知道我应该穿什么？？？？？？在下面的 FE 代码中：

   <mat-radio-group class="radio-group" id="gender" formControlName="gender"  required>
          <mat-radio-button class="radio-button" [checked]="user.gender === ?????" value="1">{{'user.male' | translate}}</mat-radio-button>
          <mat-radio-button class="radio-button" [checked]="user.gender === ?????" value="0">{{'user.female' | translate}}</mat-radio-button>
   </mat-radio-group>

标签： angulartypescriptenumsangular-material

解决方案

答：我在 ts 文件中定义了一个如下变量，并且可以很容易地在 HTML 中使用它

genderEnum = Usermodel.GenderEnum

推荐阅读