无法从字符串解析奇怪的Typescript字符串枚举

Question

我在项目中定义了一个枚举，如下所示

export enum RootPage {
  HOME = <any>'HomePage',
  LOGIN = <any>'LoginPage',
  TEST01 = <any>'Test01Page',
  LAUNCHPAD = <any>'LaunchpadPage',
  JOBS = <any>'JobsPage',
  MACHINES =<any>'MachinesPage',
  GVARS =<any>'GvarsPage',
  RESOURCES=<any>'ResourcesPage',
  CONFIGURATION=<any>'ConfigurationPage', 
  TABS=<any>'TabsPage'
};

从理论上讲，现在我应该能够做到：

constructor(
   private menuitemsService:MenuitemsService
) {}
let pageString = 'HomePage';
let rp:RootPage = RootPage[pageString];
let pi:PageInterface = this.menuitemsService.getPagebyRoot(rp)

MenuItemsService：

getPagebyRoot(rootPage:RootPage): PageInterface {
  ...
}

唯一的问题是，在'MenuItemService.getPagebyRoot（）内部，它将rp解释为HOME，而不是HomePage。

因此，我最终不得不用一个很棒的switch语句在MenuItemService中创建一个实用方法。

 getRootPageFromString(name:string):RootPage {
    switch (name) {
        case RootPage.HOME.toString():
            return RootPage.HOME;
        case RootPage.LOGIN.toString():
            return RootPage.LOGIN;
        case RootPage.TEST01.toString():
            return RootPage.TEST01;
        case RootPage.LAUNCHPAD.toString():
            return RootPage.LAUNCHPAD;
        case RootPage.JOBS.toString():
            return RootPage.JOBS;
        case RootPage.MACHINES.toString():
            return RootPage.MACHINES;
        case RootPage.GVARS.toString():
            return RootPage.GVARS;
        case RootPage.RESOURCES.toString():
            return RootPage.RESOURCES;
        case RootPage.CONFIGURATION.toString():
            return RootPage.CONFIGURATION;
        case RootPage.TABS.toString():
            return RootPage.TABS;
    }

然后在我的代码中替换此行：

let rp:RootPage = this.menuItemService.getRootPageFromString(pageString);

必须有一个更简单的方法。

但这使我感到困惑，我不得不诉诸于此。

其他人也有类似的经历吗？

还是找到了更简单的解决方案？

更新：

发表我对这个问题的答案。 是因为我用的是2.3.4打字稿，而不是2.4 +

Answer 1

当您在打字稿中创建枚举（在幕后）时，您将得到一个如下所示的对象：

打字稿：

enum RootPage {
  HOME = <any>'HomePage',
  LOGIN = <any>'LoginPage'
}

JavaScript的：

RootPage = {
  "HOME": "HomePage",
  "LOGIN": "LoginPage",
  "LoginPage": "LOGIN",
  "HomePage: "HOME"
}

因此，当您从该枚举/对象访问属性时，您将获得值/键：

Console.log(RootPage["HOME"]);     // HomePage
Console.log(RootPage["HomePage"]); // HOME

这一切都可以得出一个简单的结论：如果您拥有钥匙，那么您可以获得价值，如果您拥有价值，那么您可以获得钥匙。 没有必要做一个长期case为 。 看来您已经掌握了价值。

Answer 2

发现它特定于我正在使用的Typescript版本。

版本2.3.4存在此问题。 2.4_ +似乎还可以。 看这里 。

我最终收到消息：

如果使用以下代码，则无法将类型“字符串”分配给类型“ RootPage” ：

let pageString = 'HomePage'; 
let rp:RootPage = RootPage[RootPage[pageString]];