如何在Angular中定义枚举类型以不违反tslint typedef规则

发布时间：2020-12-17 07:06:54 所属栏目：安全来源：网络整理

导读：为了能够在模板中使用枚举,我们在ts文件中写下面的代码. 在workflowProgress.ts中 export enum WorkflowProgress{ cancelled = 0,inProgress,done} 在component.ts中 export class Component { WorkflowProgress = WorkflowProgress; x : WorkflowProgress =

为了能够在模板中使用枚举,我们在ts文件中写下面的代码.

在workflowProgress.ts中

export enum WorkflowProgress
{
    cancelled = 0,inProgress,done
}

在component.ts中

export class Component {
   WorkflowProgress = WorkflowProgress;
   x : WorkflowProgress = WorkflowProgress.done;
}

在template.html中

<div *ngIf="x === WorkflowProgress.done">

我们已经启用了typedef规则的tslint.但是tslint正在唠叨这一行WorkflowProgress = WorkflowProgress;

[tslint] expected member-variable-declaration: ‘WorkflowProgress’ to have a typedef (typedef)

我可以通过添加// tslint：disable-next-line：typedef来禁用规则,但我想知道是否有更好的方法来做到这一点？

解决方法

您可以使用typeof运算符来“查询”枚举的类型：

WorkflowProgress: typeof WorkflowProgress = WorkflowProgress

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!