Angular 11项目如何实现类似Swagger UI的Schema展示功能

• 可直接使用Swagger官方适配Angular的封装组件swagger-ui-angular，选择和Angular 11版本兼容的包安装即可。你已经能正常获取Schema数据的前提下，直接将拿到的OpenAPI Schema数据传入组件对应的输入参数，就能直接渲染出和原生Swagger UI完全一致的展示效果，不需要手动解析复杂的嵌套、引用结构。
• 如果你需要和自有项目的UI风格做统一，不想沿用原生Swagger的默认样式，可以先用@apidevtools/swagger-parser库预处理原始Schema数据，把内部的$ref引用、递归嵌套结构都解析成可直接读取的扁平化结构，再自行开发Angular组件渲染字段名、字段类型、描述信息、必填标识等属性即可。
• Java后端侧也可以配合使用springdoc-openapi或者springfox的内置工具类，提前对Schema的嵌套引用结构做解析处理，输出前端可以直接渲染的结构化数据，减少前端的解析工作量。

内容的提问来源于stack exchange，提问作者Vikas