私は80以上のフォームを含む大きなプロジェクトに取り組んでいます。各トランザクションは1つのフォームを持っていますが、今はAngularを使用してこのフォームを動的に作成することを考えています。この動的フォーム作成プロセスでは、モデル名と検証規則で入力フィールドが生成されます。形式Iの定義は角度制御器で書く。ですから私の好奇心は、この思考が実用的に良いことを知ることであるか、あるいは私は他の方法について考えるべきです。私はExpress.jsとサーバー側でNode.jsを使用しています。AngularJSを使用して動的にHTMLフォームを作成
答えて
バックエンドとしてasp.netを使用している場合、ビジュアルスタジオの足場とT4テンプレートに依存して、角度コントローラとビューのHTMLとJavaScriptを生成できます。
それ以外の場合は、各フォームのフィールドのリストを持つJsonファイルを作成し、フォームの名前を受け入れ、そのフィールドをjsonファイルから読み込んでから、そのフィールドのリストを反復処理するディレクティブを作成できます。フォームを作成し、それに応じてHTML入力を描画する場合は、各フィールドに検証、ラベル、データ型を含めることができます。
後でこのファイルをデータベースに保存して、ユーザーがファイルを編集できるようにすることができます。リストにはSharePointなどの各フォームにビューを追加できます。
サーバー側でノードjsを使用しています。 –
次に、2番目のソリューションを使用し、フォームのメタデータを格納し、フォームを描画するための指示文でそれを読み取ります –
- 1. htmlフォーム入力を使用して静的htmlページを作成
- 2. 動的にフォームを作成するangularjsの追加ボタンをクリック
- 3. JavaScriptを使用して動的に変更するHTMLフォーム
- 4. AngularJS動的テンプレートを作成
- 5. D3jsとAngularjsを使用した動的barchartの作成
- 6. htmlを使用してテーブル内にフォームを作成
- 7. AngularJSを使用してhtmlキャンバス要素を作成する
- 8. 動的に作成されたhtmlテーブルを使用したページング
- 9. AngularJS Directive WHITOUT $ scopeを使用して動的HTML要素を作成しますか?
- 10. 設定ファイルを使用してフォームを自動的に生成
- 11. lwuit 1.4を使用してフォームに動的ボタンを作成する
- 12. JavaScriptを使用して動的にフォームを作成する方法
- 13. C#プログラムを使用してHTMLフォームを自動完成
- 14. XSDファイルを使用して動的にHTMLフォームを作成する必要があります
- 15. AngularJSコントローラでアイテムを動的に作成
- 16. 動的にHTMLフォームを作成できない
- 17. XMLからJSを使用して動的にHTML divを作成する
- 18. jQueryを使用して複雑なHTMLフラグメントを動的に作成する
- 19. JavaScriptを使用してアンカータグをHTMLで動的に作成する
- 20. jQueryを使用してHTML入力を動的に作成する方法は?
- 21. XMLからJSを使用して動的にHTML divを作成する
- 22. phpを使用して動的にHTML要素を作成し、JavaScriptを使用してページ設定を行う
- 23. htmlでCGIを使用した動的テーブルの作成
- 24. AngularJS動的に作成された要素を使用した投稿
- 25. jQueryは動的にフォームを作成して送信します
- 26. JS/AngularJS:動的変数名を作成
- 27. フォームを使用してPDFを作成
- 28. メモ帳を使用して手動でフォームを作成
- 29. AngularJsのExpressionを使用してng-classの変数を動的に生成
- 30. C#で動的にHTMLテーブルを作成
カスタムフォームごとに1つ、HTML _fragments_を使用してみませんか?プログラマチックにコントローラから、または実際のHTMLソースコードにこれらを含めることができます。これは、これらの80種類以上のフォームのHTMLをJavascriptコードのどこかに埋め込むよりもはるかにメンテナンス可能なアプローチのようです。 –
フィールドのタイプ(テキスト、ラジオボタン、チェックボックスなど)、フィールドのモデル名、フィールドの検証が含まれるjsonオブジェクトをコントローラに作成するだけで、ng-repeatを使用してこのフィールドを生成します。このアプローチは良いですか、あるいは改善が必要ですか? –