根据 Swagger API 规范生成 Angular2 表单

Question

我正在寻找一种从 Swagger API 定义文件生成一组 Angular2 表单模板的方法。我想要一个可以让我测试 POST/PUT 请求的结果，甚至可以在我的应用程序中使用它。

经过一番研究，我发现这个 Angular2 表单库采用 JSON 模式作为输入：https://github.com/makinacorpus/angular2-schema-form

因此，如果您知道 Swagger -> JSON Schema 转换器也可以使用。

干杯！

Answer 1

因此，如果您知道可以使用的 Swagger -> JSON Schema 转换器 也是。

Swagger 2.0 支持 JSON 模式草案 4 的子集。这就是 swagger 的 Schema 对象。来自文档：

以下属性直接取自 JSON Schema 定义并遵循相同的规范：

• $ref - 作为 JSON 参考
• 格式（有关更多详细信息，请参阅数据类型格式）
• 标题
• 描述（GFM语法可用于富文本表示）
• default（与 JSON Schema 不同，该值必须符合 Schema 对象定义的类型）
• 多个
• ...

以下属性取自 JSON Schema 定义，但是 它们的定义已根据 Swagger 规范进行了调整。

• 项目
• 全部
• 属性
• 附加属性

从 swagger 中手动提取模式应该是一个相当简单的练习，但我不知道有任何自动化工具可以执行此操作。我认为 swagger 修改了一些 JSON 模式属性这一事实可能会使自动转换在某些情况下出现问题。

Answer 2

OpenAPI Client Generator 可以生成 Angular Reactive Forms 的类型化表单代码。除了 wiki 之外，文章“从 Swagger / OpenAPI 定义生成 Angular Reactive Forms 的类型化表单”可能会引导您完成。