使用 AngularJS 动态创建 HTML 表单

Question

我正在处理一个包含 80 多个表单的大型项目。每个事务都有一个表单，现在我考虑使用 Angular 动态创建这个表单。此动态表单创建过程将生成带有模型名称和验证规则的输入字段。我将在 Angular 控制器中编写表单的定义。所以我的好奇心是知道这种想法实际上是好的，或者我应该考虑其他一些方法。我在服务器端使用 Node.js 和 Express js。

Answer 1

如果您使用 asp.net 作为后端，那么您可以依靠 Visual Studio 脚手架和 T4 模板为您的 Angular 控制器和视图生成 HTML 和 JavaScript。

否则，您可以拥有一个 Json 文件，其中包含每个表单的字段列表，并创建一个接受表单名称并从 json 文件中读取其字段的指令，然后遍历表单中的字段列表并相应地绘制 HTML 输入，您可以在每个字段中包含验证、标签和数据类型。

您可以稍后将此文件保存在数据库中并允许用户编辑该文件，也许您可​​以为每个表单添加一个视图，例如 SharePoint，当它有一个列表时，然后每个列表有多个视图。