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

Question

为了能够在模板中使用枚举，我们在ts文件中编写了以下代码。

in workflowProgress.ts

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

在组件中.ts

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

在模板中.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