Question

我有一个json文件，我想创建模型以使用数据列表（部门编号和名称）进行自动完成使用，我找到了网站json2ts.com但它不再工作了。你能给我一个例子吗？

{
    "regions": {
        "alsace": [67, 68],
        "aquitaine": [40, 47, 33, 24, 64],
        "auvergne": [43, 3, 15, 63],
        "basse-normandie": [14, 61, 50],
        "bourgogne": [21, 58, 71, 89],
        "bretagne": [29, 35, 22, 56],
        "centre": [45, 37, 41, 28, 36, 18],
        "champagne-ardenne": [10, 8, 52, 51],
        "corse": ["2b", "2a"],
        "franche-compte": [39, 25, 70, 90],
        "haute-normandie": [27, 76],
        "languedoc-roussillon": [48, 30, 34, 11, 66],
        "limousin": [19, 23, 87],
        "lorraine": [55, 54, 57, 88],
        "midi-pyrennees": [46, 32, 31, 12, 9, 65, 81, 82],
        "nord-pas-de-calais": [62, 59],
        "pays-de-la-loire": [49, 44, 72, 53, 85],
        "picardie": [2, 60, 80],
        "poitou-charentes": [17, 16, 86, 79],
        "provences-alpes-cote-dazur": [4, 5, 6, 13, 84, 83],
        "rhones-alpes": [38, 42, 26, 7, 1, 74, 73, 69],
        "ile-de-france": [77, 75, 78, 93, 92, 91, 95, 94]
    },
    "departments": {
        "2a": {
            "name": "Corse-du-Sud",
            "formatted_name": "corse-du-sud"
        },
        "2b": {
            "name": "Haute-Corse",
            "formatted_name": "haute-corse"
        },
        "01": {
            "name": "Ain",
            "formatted_name": "ain"
        },
        "02": {
            "name": "Aisne",
            "formatted_name": "aisne"
        },
        "03": {
            "name": "Allier",
            "formatted_name": "allier"
        },
     ...
}

你能给我一个建议吗？至少对于部门来说。在这种情况下创建接口或类更好吗？谢谢。

Answer 1

对于地区，您可以将此界面与当前数据一起使用：

interface Regions {
 [name: string]: number[];
}

这将为可以将任何字符串作为键的对象创建一个接口，并且每个属性的值必须是数字数组（上述对象中的“regions”属性与此描述匹配）。

对于部门，我建议将其分为两个界面，如：

interface Departments {
  [id: string]: Department;
}

interface Department {
  name: string;
  formatted_name: string;
}

现在，“departments”对象的每个成员都可以拥有任何键，只要它是一个字符串，并且必须附加到一个部门。看起来您的数据要求每个部门都有一个名称和一个formatted_name（不多也不少），我在上面的Department接口中表示过。

然后你的整个对象看起来像这样：

interface WholeThing {
  regions: Regions;
  departments: Departments;
}

Answer 2

对于 VScode IDE （Angular Dev的优选IDE），我建议您添加提供将JSON转换为Typescript的功能的插件。可能的解决方案可以是JSON to TS和JSON to Type。

我希望它可能有所帮助。

Json数据到打字稿模型

2 个答案: