-
Notifications
You must be signed in to change notification settings - Fork 419
Open
Description
Describe the bug
When using Angular, nested object/array validation is not reflected on the UI.
Expected behavior
Show the red outline to indicate that the value are not valid.
Steps to reproduce the issue
- Clone the test project for angular
- Change
src/assets/schema.jsonto
{
"type": "object",
"properties": {
"innerArray": {
"type": "array",
"minItems": 1,
"items": {
"type": "object",
"required": [ "name" ],
"properties": {
"name": {
"type": "string"
}
}
}
},
"innerObject": {
"type": "object",
"required": [ "name" ],
"properties": {
"name": {
"type": "string"
}
}
},
"primitiveProperty": {
"type": "string"
}
},
"required": [ "innerObject", "innerArray", "primitiveProperty" ]
}- Change
src/assets/uischema.jsonto
{
"type": "VerticalLayout",
"elements": [
{
"type": "Group",
"label": "InnerObject",
"elements": [
{
"type": "Control",
"scope": "#/properties/innerObject/properties/name"
}
]
},
{
"type": "Control",
"scope": "#/properties/innerArray"
},
{
"type": "Control",
"scope": "#/properties/primitiveProperty"
}
]
}- Run the app
Screenshots
It's not obvious for the user that the object/array are required
Which Version of JSON Forms are you using?
v3.7.0
Package
Angular Material Renderers
Additional context
No response