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

Question

为了能够在模板中使用枚举，我们在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]期望成员变量声明：'WorkflowProgress'有一个typedef（typedef）

我可以通过添加// tslint:disable-next-line:typedef来禁用规则，但我想知道是否有更好的方法来执行此操作？

Answer 1

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

WorkflowProgress: typeof WorkflowProgress = WorkflowProgress