私は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. jsonデータを使用して動的HTMLフォームを作成しますか?
- 3. 動的にフォームを作成するangularjsの追加ボタンをクリック
- 4. JSONオブジェクトを使用してHTMLフォームを動的に生成する方法は?
- 5. JavaScriptを使用して動的に変更するHTMLフォーム
- 6. angularJSの多次元配列を使用してフォームを作成
- 7. AngularJS動的テンプレートを作成
- 8. D3jsとAngularjsを使用した動的barchartの作成
- 9. htmlを使用してテーブル内にフォームを作成
- 10. AngularJSを使用してhtmlキャンバス要素を作成する
- 11. 動的に作成されたhtmlテーブルを使用したページング
- 12. ヴュー - 私はバックエンドから取得したデータを使用して動的にフォームを作成してい動的に作成したフォーム
- 13. AngularJS Directive WHITOUT $ scopeを使用して動的HTML要素を作成しますか?
- 14. 設定ファイルを使用してフォームを自動的に生成
- 15. lwuit 1.4を使用してフォームに動的ボタンを作成する
- 16. JavaScriptを使用して動的にフォームを作成する方法
- 17. 動的formArrayを使ってhtmlでフォームを作成する方法
- 18. C#プログラムを使用してHTMLフォームを自動完成
- 19. AngularJSと安らかなAPIを使用して動的テーブルを作成する
- 20. XSDファイルを使用して動的にHTMLフォームを作成する必要があります
- 21. htmlを使用して作成したフォームのバックエンドを作成する方法
- 22. AngularJSコントローラでアイテムを動的に作成
- 23. 動的にHTMLフォームを作成できない
- 24. jQueryを使用して複雑なHTMLフラグメントを動的に作成する
- 25. JavaScriptを使用してアンカータグをHTMLで動的に作成する
- 26. Javascriptオブジェクトを使用して動的にhtmlテーブルを作成する
- 27. XMLからJSを使用して動的にHTML divを作成する
- 28. jQueryを使用してHTML入力を動的に作成する方法は?
- 29. XMLからJSを使用して動的にHTML divを作成する
- 30. phpを使用して動的にHTML要素を作成し、JavaScriptを使用してページ設定を行う
カスタムフォームごとに1つ、HTML _fragments_を使用してみませんか?プログラマチックにコントローラから、または実際のHTMLソースコードにこれらを含めることができます。これは、これらの80種類以上のフォームのHTMLをJavascriptコードのどこかに埋め込むよりもはるかにメンテナンス可能なアプローチのようです。 –
フィールドのタイプ(テキスト、ラジオボタン、チェックボックスなど)、フィールドのモデル名、フィールドの検証が含まれるjsonオブジェクトをコントローラに作成するだけで、ng-repeatを使用してこのフィールドを生成します。このアプローチは良いですか、あるいは改善が必要ですか? –