如何以非常简单的步骤在角度5中创建动态表单

时间:2018-05-24 11:33:59

标签: angular angular-material

我想学习如何在Angular v5中创建动态表单。

我知道如何处理反应形式,但现在我有必要学习动态形式。这里的任何人都可以用一个例子来解释吗?

注意:这个例子应该非常清晰,对像我这样的初学者非常有用!

1 个答案:

答案 0 :(得分:0)

已经很好了guide to dynamic forms。它有一个很长的版本。一个非常简化的版本是: 您可以为每个可能的表单元素创建类和模板,为输入创建类,为下拉列表创建类。当您收到类似结构的数据时,例如

[{
    "name":"input 1",
    "type":"input"
  },
  {
    "name":"input 2",
    "type":"input"
  },
  {
    "name":"drop down 1",
    "type":"dropdown"
  }
]

Angular将基于您之前创建的类和html模板组装表单。

PS

请花时间阅读官方教程,这比我的解释更有趣:)