使用AngularJS動態創建HTML表單

我正在處理一個包含80多個表單的大項目。每個事務都有一個表單，現在我想用Angular動態創建這個表單。這個動態表單創建過程將使用他們的模型名稱和驗證規則生成輸入字段。表單I的定義將寫入Angular控制器中。所以我的好奇心是知道這個想法實際上是好的，或者我應該考慮其他一些方法。我在服務器端使用Express js的Node.js。使用AngularJS動態創建HTML表單

來源

2016-09-25 Arpit Meena

爲什麼不使用HTML _fragments_，每個自定義窗體一個？您可以通過編程方式從控制器或實際的HTML源代碼中包含這些內容。這聽起來像一個更可維護的方法，而不是將這些80+形式的HTML埋在Javascript代碼中。 –

我將在控制器中創建一個json對象，它將包含字段類型（文本，單選按鈕，複選框等），Field的模型名稱和字段驗證，現在我將使用ng-repeat生成這些字段。這種方法是好還是需要改進？ –

如果您使用asp.net作爲後端，那麼您可以依賴visual studio scaffolding和T4模板爲您的Angular Controller和Views生成HTML和JavaScript。

否則，您可以擁有一個Json文件，其中包含每個表單的字段列表，並創建一個接受表單名稱並從json文件中讀取其字段的指令，然後遍歷該表單中的字段列表相應地形成並繪製HTML輸入，您可以在每個字段中包含驗證，標籤和數據類型。

您可以稍後將此文件保存在數據庫中，並允許用戶編輯該文件，也許您可以爲每個表單添加視圖，如SharePoint時有一個列表，然後每個列表有多個視圖。

來源

2016-09-25 10:40:33

我在服務器端使用節點js。 –

然後使用第二種解決方案，存儲表單的元數據並將其讀入指令以繪製表單 –

使用AngularJS動態創建HTML表單

回答

相關問題