typescript - 如何在 Angular 2 中将 "String"值转换为 "Type"

Question

我想在 ionic 2 应用程序中创建一个侧边菜单，其中页面导航组件放置在借助 menuService.getMenu 函数获取的外部 json 文件中。

我的 JSON 结构:

"menu":[
        {
          "title":"Grid",
          "component":"GridPage"
        }
      ]

我的 Ts:

    this.menuService.getMenu().then((menu) => {
    this.menu = menu;
    });

    openPage(menu) {
      console.log("menu", menu.component);
      nav.setRoot(menu.component);
    }

控制台日志打印字符串 GridPage。我尝试使用 Type as Type(menu.component) 进行转换。但是我在控制台中的结果是一个具有匿名名称的函数。请有人帮助我将 json 字符串转换为组件“类型”以便导航正常工作。

Answer 1

我想有一种方法可以通过字符串获取类的类型，但我不知道(我不使用 TS)。一个简单的解决方法是

创建一个从字符串到类型的映射

classes = {
  'MyClass1': MyClass1,
  'MyClass2': MyClass2,
  'Grid': Grid
}

然后只查找类型

class['Grid']

缺点是需要提前知道所有支持的类。