Javascript 角度模式表单需要更多时间来加载大型数据

Javascript 角度模式表单需要更多时间来加载大型数据,javascript,angularjs,json,jsonschema,angular-schema-form,Javascript,Angularjs,Json,Jsonschema,Angular Schema Form,我正在努力绑定JSON数据。JSON数据由表单上的430个控件组成。我有性能问题。加载需要3分钟 我如何解决这个问题 详细阐述 我使用模式表单js以json字符串的形式形成动态控件和数据。我必须将Json字符串数据填充到html页面上。由于控件较多,渲染页面需要3分钟 模式 { "type":"object", "properties": { "University": { "type":"object", "pro

我正在努力绑定JSON数据。JSON数据由表单上的430个控件组成。我有性能问题。加载需要3分钟

我如何解决这个问题

详细阐述

我使用模式表单js以json字符串的形式形成动态控件和数据。我必须将Json字符串数据填充到html页面上。由于控件较多,渲染页面需要3分钟

模式

{
    "type":"object",
    "properties": {
        "University": {
            "type":"object",
            "properties": {
                "UniversityID": {
                    "title":"University ID",
                    "type":"number",
                    "validationMessage":"",
                    "pattern":""
                },
                "UniversityID_Source": {
                    "title": "Source",
                    "type": "string"
                },
                "university_name": {
                    "title": "University Name *",
                    "type":"string",
                    "required":true,
                    "validationMessage":"",
                    "pattern":""
                },
                "university_name_Source": {
                    "title":"Source",
                    "type":"string"
                },
                "Website":{
                    "title":"Website *",
                    "type":"string",
                    "required":true,
                    "validationMessage":"",
                    "pattern":""
                },
                "Website_Source": {
                    "title": "Source",
                    "type": "string"
                }
            }
        }
    }
}
表单定义

[
  {
    "type":"tabs",
    "tabs":[
      {
        "title":"University",
        "items": [
          {
            "type":"fieldset",
            "title":" ",
            "items":[
              "University.UniversityID",
              "University.UniversityID_Source",
              "University.university_name",
              "University.university_name_Source",
              "University.Website",
              "University.Website_Source",
              "University.Street",
              "University.Street_Source",
              "University.Country",
              "University.Country_Source",
              "University.State",
              "University.State_Source",
              "University.City",
              "University.City_Source",
              "University.ZipCode",
              "University.ZipCode_Source",
              "University.FAX",
              "University.FAX_Source",
              "University.email_id",
              "University.email_id_Source",
              "University.act_code",
              "University.act_code_Source",
              "University.Carnegie",
              "University.Carnegie_Source",
              "University.grade_unique_id",
              "University.grade_unique_id_Source",
              {
                "key":"University.UniversityESTD",
                "type":"datepicker",
                "dateOptions":{
                  "minDate":"01-01-1900",
                  "maxDate":"01-01-2100"
                },
                "options":null,
                "min":null,
                "max":null,
                "ignoreTimezone":false
              },
              {
                "key":"University.UniversityESTD_Source"
              },
              {
                "key":"University.UniversityCermonyDT",
                "type":"datetimeedit",
                "dateOptions":null,
                "options":null,
                "min":"01-01-1900",
                "max":"01-01-2100",
                "ignoreTimezone":false
              }
            ]
          }
        ]
      }
    ]
  }
]
打字脚本代码

private loadTaskOntology(projectId: number, taskId?: number): void {
    vm.taskService
        .getJsondata(vm.taskId, vm.sourceId)
        .then(function (response) {
            vm.jsonData = response.data;
        });
}

您是否尝试将所有模板放入$templateCache()中?我没有使用过。我怎样才能使用。请帮我转达您的问题,并向我们展示您的相关代码。您不能单独加载表单的一部分,而不是一次加载整个表单吗?