如何在 Angular 5 中使用枚举

Question

我似乎无法找到一个直接的答案，说我有这个枚举

public enum DisplayType { Something, Another, More };

如何在我的角度 ts 文件中使用它？

我已经尝试过这样做..

import { ... } from '';
import { DisplayType } from '...' 
...

enum DisplayType { Something, Another, More }

@Component({
...

export class ...

constructor(){}

ngOnIt() {
   someFunction(DisplayType.Something).subscribe(() => {});
}

这就是服务中枚举的样子

export enum DisplayType {
 _0 = 0, 
 _1 = 1, 
 _2 = 2, 
}

但这似乎不起作用我收到一个错误

[ts] Argument type of 'DisplayType.Something' is not assignable to paramter of type 'DisplayType'.
enum DisplayType

我不确定我做错了什么？

编辑

我已经尝试过..

const enum DisplayType { Something, Another, More }

但我仍然遇到同样的错误，我也尝试过这样做

enum DisplayType { Something, Another, More }

export class...
DisplayType: any = DisplayType;

ngOnIt() {
   someFunction(this.DisplayType.Something).subscribe(() => {});
}

哪个没有错误，但是当我将鼠标悬停在它上面时，我得到(property) DashboardAlertComponent.DisplayType: any，但它不应该说DisplayType.Something = 1 什么的吗？

任何帮助将不胜感激！

Answer 1

您的服务定义了一个DisplayType，但您也创建了自己的DisplayType。仅仅因为这两种类型具有相同的名称并不意味着它们相同。

从服务中导入DisplayType 并使用它。

import { DisplayType } from 'service.ts';
someFunction(DisplayType._0);

如果您需要使用自己的枚举，您可以将其作为 any 传递，但要确保枚举值正确对齐

someFunction(MyDisplayType.Something as any)