2016-09-25 10 views
0

私は80以上のフォームを含む大きなプロジェクトに取り組んでいます。各トランザクションは1つのフォームを持っていますが、今はAngularを使用してこのフォームを動的に作成することを考えています。この動的フォーム作成プロセスでは、モデル名と検証規則で入力フィールドが生成されます。形式Iの定義は角度制御器で書く。ですから私の好奇心は、この思考が実用的に良いことを知ることであるか、あるいは私は他の方法について考えるべきです。私はExpress.jsとサーバー側でNode.jsを使用しています。AngularJSを使用して動的にHTMLフォームを作成

+1

カスタムフォームごとに1つ、HTML _fragments_を使用してみませんか?プログラマチックにコントローラから、または実際のHTMLソースコードにこれらを含めることができます。これは、これらの80種類以上のフォームのHTMLをJavascriptコードのどこかに埋め込むよりもはるかにメンテナンス可能なアプローチのようです。 –

+0

フィールドのタイプ(テキスト、ラジオボタン、チェックボックスなど)、フィールドのモデル名、フィールドの検証が含まれるjsonオブジェクトをコントローラに作成するだけで、ng-repeatを使用してこのフィールドを生成します。このアプローチは良いですか、あるいは改善が必要ですか? –

答えて

0

バックエンドとしてasp.netを使用している場合、ビジュアルスタジオの足場とT4テンプレートに依存して、角度コントローラとビューのHTMLとJavaScriptを生成できます。

それ以外の場合は、各フォームのフィールドのリストを持つJsonファイルを作成し、フォームの名前を受け入れ、そのフィールドをjsonファイルから読み込んでから、そのフィールドのリストを反復処理するディレクティブを作成できます。フォームを作成し、それに応じてHTML入力を描画する場合は、各フィールドに検証、ラベル、データ型を含めることができます。

後でこのファイルをデータベースに保存して、ユーザーがファイルを編集できるようにすることができます。リストにはSharePointなどの各フォームにビューを追加できます。

+0

サーバー側でノードjsを使用しています。 –

+0

次に、2番目のソリューションを使用し、フォームのメタデータを格納し、フォームを描画するための指示文でそれを読み取ります –

関連する問題