Display value of a field as part of a label

General
1

I’m new to JSONForms trying to assemble a complex form in Angular.
Is it possible to display the value of a field as part of a label?
E.g. If a user selects ‘month’ for participationPeriod, I’d like to change the label to ‘User must qualify every month’.
Here’s the element in question of the schema:

"participationPeriod": {
            "type": "string",
            "default": "month",
            "enum": [
              "day",
              "week",
              "month"
            ]
        },

Here’s the part of my UISchema:

{
                  "type": "HorizontalLayout",
                  "elements": [
                    {
                      "type": "Control",
                      "scope": "#/properties/participationPeriod"
                    },
                    {
                      "type": "Label",
                      "text": "User must qualify every '#/properties/participationPeriodStart'"
                    }
]}

Thanks in advance.

2

Hi @madla,

You can add a custom Label renderer. The custom Label renderer can use all the utilities JSON Forms provides. In your case you can parse for JSON Pointers and resolve the data like this.

const pointer = // analyzed from the string or explicitly handed over separate to the text
const dataPath = toDataPath(pointer);
const data = Resolve(this.jsonFormsService.getState().core.data, dataPath);