带有 api 数据的 Angular 动态表单答案

【问题标题】：Angular Dynamic forms with api data带有 api 数据的 Angular 动态表单
【发布时间】：2019-06-29 22:47:37
【问题描述】：

我们有任何最好的例子来从数据创建动态表单吗？哪个输入文件总是动态的。我正在寻找的用例是我有 api，它的记录集总是不完全一致，这意味着今天如果有 20 条记录，明天可能会增加到另外 20 条，在这种情况下，我们是否有任何类型的分叉？

【问题讨论】：

你指的是这个：angular.io/guide/dynamic-form还是别的什么？
嗨，好的，这是我目前作为反应式表单的方法，我用 20 个输入文件作为表单组构建了表单，并控制了来自基于 mongo 集合的 api 的一条记录，我的记录插入始终是动态的，今天我构建了一个包含 20 条记录的表单，但是明天如果新记录或多或少地出现，我必须填充表单。我目前的方法是静态的，这意味着当新记录 eitj 插入新文件时我需要调整我的表单代码来呈现值。所以有了这个实现动态形式的最佳方法是什么。欣赏你是否有任何魔法。

【解决方案1】：

我们使用 ngx-formly 模块来使用 json 模式呈现表单。这是一个非常庞大的库，具有出色的社区支持和大量功能。您只需要以特定格式传递您的 json 架构，表单将通过所有验证呈现。

https://github.com/ngx-formly/ngx-formly GitHub - ngx-formly/ngx-formly：JSON 驱动/动态表单

【讨论】：

非常感谢 prasheel，我准时得到它，这适用于 mat 对话框数据吗？这意味着我有两个组件，组件 A 呈现来自 api 的表数据，组件 B 服务器以对话框形式提供大部分记录。
@vijaymunnangi 是的，它也应该在这种情况下工作。