Angular2:嵌套JSON的模型

时间:2017-08-08 09:28:30

标签: json angular angular2-template

我想在我的代码中解析一个嵌套的json,但是我在json的建模方面遇到了困难请帮助我以下的json。

{  "label": {
"Application": {
  "_default": {
    "defaultIcon": "",
    "defaultRank": 1,
    "defaultLabel": "Name",
    "defaultColor": "#ffffff",
    "displayName": "Application"
  }
}}

2 个答案:

答案 0 :(得分:0)

如果您想要对其内容进行完整输入,则必须为每个级别的JSON导出一个界面。

export interface DefaultApplication {
    defaultIcon: string;
    defaultRank: string;
    defaultLabel: string;
    defaultColor: string;
    displayName: string;    
}

export interface Application {
    _default: DefaultApplication;
}

export interface Label {
    Application: Application;
}

编辑:在将JSON用作对象之前,您应该使用JSON.parse解析JSON,否则它将成为string

答案 1 :(得分:0)

没有机会进行解析,因为您有4个 {字符且只有3个} 字符。 你的JSON应该是这样的:

{
    "label": {
        "Application": {
            "_default": {
                "defaultIcon": "",
                "defaultRank": 1,
                "defaultLabel": "Name",
                "defaultColor": "#ffffff",
                "displayName": "Application"
            }
        }
    }
}

下次,您应该使用一些JSON格式化程序/验证程序f.e this而不是编写新问题。