与使用角度生成动态表单有关的必需建议

时间:2018-10-25 04:24:26

标签: javascript angular typescript

在这里我面临着冲突,我有一个要求,即使用复杂的json我需要开发多个字段,并且如果条件和验证也仅对某些字段进行,那么这些字段也将基于多个字段显示,因此在这里,我只想了解这种情况下哪种方法更好

  1. 反应性方法或2.不遵循角度方法并且遵循正常的动态场创建方法

Json示例:

{
    "name": "hugo", 
    "type": "object", 
    "required": [
        "host", 
        "quantity", 
        "id"
    ], 
    "info": {
        "host": {
            "editable": false, 
            "visible": true, 
            "type": "string", 
            "group": true
        }, 
        "information": {
            "type": "object", 
            "properties": {
                "filetype": {
                    "visible": true, 
                    "search": "date", 
                    "editable": true, 
                    "type": "string", 
                    "group": true
                }, 
                "id": {
                    "visible": true, 
                    "type": "string", 
                    "editable": true, 
                    "group": false
                }, 
                "size": {
                    "visible": true, 
                    "type": "integer", 
                    "editable": true, 
                    "group": false
                }, 
                "filename": {
                    "visible": true, 
                    "type": "string", 
                    "editable": true, 
                    "group": false
                }

          }
        }, 
        "picture": {

            "type": "object", 
            "properties": {
                "hash": {
                    "search": "yes", 
                    "group": true, 
                    "editable": false, 
                    "visible": true, 
                    "type": "string"
                }, 
                "url": {
                    "search": "yes", 
                    "group": false, 
                    "editable": true, 
                    "visible": true, 
                    "type": "string"
                }
            }
        }, 

        "quantity": {
            "editable": true, 
            "visible": true, 
            "type": "string", 
            "group": true
        }, 

        "id": {
            "group": false, 
            "editable": true, 
            "visible": true, 
            "type": "string"
        }
    }
}

在这里,我必须像下面那样构造表格

information   -> this is name & below are the fields
   --filetype  
   --id 

无论在信息,图片和主机下,都必须像字段组一样创建数量

0 个答案:

没有答案