javascript - angular 6でドラッグアンドドロップで動的UIを作成しますか?

Question

ドラッグアンドドロップを使用して、angular 7 を使用して動的フォームを作成したいと考えています。そして、機能を使用してドラッグアンドドロップを使用してフォームを構築するには、これらのコントロールが必要です:-

1. チェックボックス
2. 複数の見出し
3. 小見出し
4. 表 + フォーマット済み
5. テーブル + 未定式化
6. チェックボックス + テキスト
7. テキスト フィールド + フォーマット済み
8. テキストの編集
9. テキストを含む書式付きビュー
10. ラジオボタン

これらのコントロールをフォームにドラッグ アンド ドロップして、フォームを作成します。作成したフォームの JSON をデータベースに保存する必要があります。

angular 7でngx-schemaフォームを使用してみましたが、必要なすべての機能を提供していません。ですから、これをすべてまとめるための提案があれば教えてください。ありがとう

Answer 1

動的フォームの例を次に示します。この例では、マテリアル フォームを使用しました

https://medium.com/@mail.bahurudeen/create-a-dynamic-form-with-configurable-fields-and-validations-using-angular-6-994db56834da

動的フォームの概念は、次のようなフォーム入力に使用できます

• テキストボックス、チェックボックス、ラジオボタン、編集テキストボックス、ボタン、日付

出力のようです、

ドラッグアンドドロップの場合、

https://material.angular.io/cdk/drag-drop/overview

プロジェクトでこの2つのことをマージする必要があります。そうすれば、それだけが達成されます。