目前正在处理一个 Angular 项目，其中有顶级导航和子选项卡。每个选项卡路由不同的组件； I.E 个人信息选项卡路由到个人信息组件。但是，个人信息选项卡也有可能是“个人详细信息、地址等...”的侧边选项卡。每个选项卡显示一个表单，每个子选项卡包含一个表单，这些表单可以嵌套。总体而言，此应用程序可以扩展到大量表单，具体取决于有多少选项卡和子选项卡。
到目前为止，我的策略是拥有一个 JSON 配置文件，其中包含每个表单和每个字段的信息。
示例：
// personalInfo.json
[
"name": "Personal Information",
"type: "parent"
"children": [
"type": "string"
"label": "Name"
"controlName": "name",
"validations" : [...]
...
],
]
根据我所在的选项卡，我采用此配置并将其传递给 FormGroup 生成器服务，该服务使用配置返回一个 FormGroup。获得 FormGroup 后，我将 FormGroup 和 Config 作为 Input 传递给另一个组件，该组件生成我向用户显示的 HTML。
HTML 生成器组件循环遍历 JSON 配置文件，并根据“type”属性输出一些 HTML 并附加表单控件。
问题：
我注意到一些具有许多字段（20+）的表单比没有很多字段的表单加载到 UI 需要更长的时间。这是正常的还是我的策略有缺陷？我希望我的表单易于管理，我可以在其中更改配置中的一个属性（即“名称”）并将其反映到 UI 上，而不是查找 HTML 文件本身并对其进行更改。