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

【问题标题】：How to define enum type in Angular to not violating tslint typedef rule如何在 Angular 中定义枚举类型以不违反 tslint typedef 规则
【发布时间】：2018-11-21 22:28:18
【问题描述】：

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

在 workflowProgress.ts 中

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

在component.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 来禁用规则，但我想知道是否有更好的方法来做到这一点？

【问题讨论】：

标签： angular typescript lint tslint

【解决方案1】：

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

WorkflowProgress: typeof WorkflowProgress = WorkflowProgress

【讨论】：