使用另一个变量的编号通过Enum。[number]调用枚举

时间:2018-11-30 14:07:56

标签: angular typescript enums

所以说我已经建立了一个枚举:

enum MyEnum {A, B, C, D, E, F, G}

以及其他显示数据的变量,如下所示:

displayText:string; 
enumToDisplay:number = 4;

如果我尝试像这样将它们全部构建在一起...

this.displayText = MyEnum[4]

HTML设置为...

<html>
...
  Enum Letter: {{displayText}}
...
</html>

如期望的那样显示此内容

  

枚举字母:D

但是,如果我像这样设置displayText字符串...

this.displayText = MyEnum[this.enumToDisplay]

(作为数字类型应等于' 4 ')完全不显示任何内容,例如:

  

枚举字母:

我是白痴/缺少某些东西吗,还是不能将变量传递到枚举的[]中以动态地调用它的组成枚举?

1 个答案:

答案 0 :(得分:0)

您绝对可以引用变量并获取Enum字母。我的猜测是,当您访问它时,enumToDisplay的值是不确定的。确保它实际上具有一个数字值,并且所有内容都应按预期工作。

Demo