如何使用JSON模式在Angular中实现动态表单呈现?

时间:2019-01-27 02:44:43

标签: angular

我正在一个项目中,我必须基于JSON Schema在Angular 6中实现动态表单,因此,需要一些有关如何继续使用它的建议。

3 个答案:

答案 0 :(得分:3)

我们使用ngx-formly模块使用json模式呈现表单。这是一个非常庞大的图书馆,拥有很棒的社区支持和很多功能。您只需要以特定格式传递json模式,该表单将通过所有验证呈现。

https://github.com/ngx-formly/ngx-formly github-ngx-formly / ngx-formly:JSON支持的/动态表单...

答案 1 :(得分:1)

如果要使用某些库并构建应用程序,则可以使用 ng-dynamic-form 库。

如果您想自己使用reactive forms dynamic component loader

答案 2 :(得分:0)

您可以使用 dynamic-form-schema。 dynamic-form-schema 提供了一个基类和一个服务。基类可以由您的组件派生/扩展,您可以自由提供自己的视图(模板)。

不依赖已创建的动态表单组件 - 即 Formlyng-dynamic-form library

的实现

检查答案以了解更多详情:https://stackoverflow.com/a/68513528/4424365