带有接口的Typescript中的Json枚举？

Question

我有一个如下所示的 json 文件：

{ 
     "ui": "Header"
}

而“ui”是一个枚举。 我使用 node.js 和 ts-loader 在我的 typescript webpack 环境中使用 JSON.Parse 加载这部分，所以我的错误是：

“类型 'string' 不可分配给类型 'UiDescriptionTypeEnum'。”

而我试图转换的界面是：

interface UI
{
     ui: UiDescriptionTypeEnum
}

虽然有这样的枚举：

enum UiDescriptionTypeEnum
{
     Header = "Header"
}

这是一个有错误的工作打字稿：

https://www.typescriptlang.org/play?#code/KYOwrgtgBAsgngUXBAsAKAN7qjqAJYAQwBNgAnKAXigCICTyb0BfddASxABdyAzQgMbBYcAJLc+g4eixpcUHgGcuALhFJILNmgBuhCgCtFAexBUoGBcGVqA5PVJlbUVmnQAbYFyiE18cTxk-ELmRqYA3EA

Answer 1

枚举中的值区分大小写

尝试重新定义枚举如下

enum UiDescriptionTypeEnum
{
     header = "header"
}

更新了链接中的示例

enum MyEnum
{
    Header = "Header"
}

interface MyInterface 
{
    test: MyEnum
}

var json = { test: 'Header' }
var jsonObj = {test: MyEnum.Header} // option 1:  to define the type from Enum

let a : MyInterface =  json as MyInterface; // option 2: cast js object to your interface ( a more likely scenario)