在 Angular Formly 中，如何将 json 模式转换为字段组

Question

我正在 Formly 中使用 JSON 架构。我正在尝试将角度材料选项卡组与 formly 和 JSON 模式集成。如何将以下配置转换为 JSON 模式。

fields: FormlyFieldConfig[] = [
{
  type: 'tabs',
  fieldGroup: [
    {
      props: { label: 'Personal data' },
      fieldGroup: [
        {
          key: 'firstname',
          type: 'input',
          props: {
            label: 'First name',
            required: true,
          },
        },
        {
          key: 'age',
          type: 'input',
          props: {
            type: 'number',
            label: 'Age',
            required: true,
          },
        },
      ],
    },
    {
      props: { label: 'Destination' },
      fieldGroup: [
        {
          key: 'country',
          type: 'input',
          props: {
            label: 'Country',
            required: true,
          },
        },
      ],
    },
    {
      props: { label: 'Day of the trip' },
      fieldGroup: [
        {
          key: 'day',
          type: 'input',
          props: {
            type: 'date',
            label: 'Day of the trip',
            required: true,
          },
        },
      ],
    },
  ],
},

有没有办法将上述配置转换为JSON模式？

Answer 1

JSON.parse(JSON.stringify(fields))