從 JSON 模式動態創建表單 [Angular 8]

Question

我正在努力從 Angular 8 中的 JSON 模式創建動態表單。我為此找到了一些庫，但一個很舊（上次提交大約 2 年前）並且從今年開始分叉。

我不想使用第一個，因為它已被 angular 8 棄用，所以我的選擇是第二個。 我遇到了麻煩，因為這個項目不在任何 npm 存儲庫上，只在 github 上。 我像這樣從 git 下載它：

npm i rhalff/angular2-json-schema-form#angular-8

當我開始使用此依賴項構建我的項目並將導入附加到app.module.ts ，結果如下所示：

ERROR in src/app/app.module.ts:20:65 - error TS2307: Cannot find module 'angular2-json-schema-form'.

我發現在node_module中沒有任何 src 或 dist 文件夾，然后我查看了 github projecet，我發現在/.npmignore有一個 src。

我對此有一些解決方案，但這不是最后一個，我認為這真是個壞主意。 我將在本地克隆 git 存儲庫，然后在項目目錄中使用npm run build然后npm link和npm link <someName>構建它。

誰能知道這個問題有什么解決方案，或者有人可以向我建議任何其他庫來將 JSON Schema 轉換為 Angular 8 表單？

Answer 1

您可以考慮使用支持json-schema Formly ，它提供了一堆示例以開始使用https://formly.dev/examples/advanced/json-schema

Answer 2

您可以使用dynamic-form-schema 。 它完全基於模式，並提供在模式中添加驗證、條件驗證和下拉條件選項的選項。 有關更多詳細信息，請查看鏈接： 基於 Schema 的快速 Angular Reactive Form 組件開發