使用AngularJS动态创建HTML表单

时间:2016-09-25 10:28:34

标签: javascript html angularjs

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

1 个答案:

答案 0 :(得分:0)

如果您使用asp.net作为后端,那么您可以依靠visual studio scaffolding和T4模板为Angular Controller和Views生成HTML和JavaScript。

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

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