Javascript 角度模式表单需要更多时间来加载大型数据
我正在努力绑定JSON数据。JSON数据由表单上的430个控件组成。我有性能问题。加载需要3分钟 我如何解决这个问题 详细阐述 我使用模式表单js以json字符串的形式形成动态控件和数据。我必须将Json字符串数据填充到html页面上。由于控件较多,渲染页面需要3分钟 模式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
{
"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()中?我没有使用过。我怎样才能使用。请帮我转达您的问题,并向我们展示您的相关代码。您不能单独加载表单的一部分,而不是一次加载整个表单吗?