按需加載標籤和表單提交的最佳方法

Question

我正在開發一個使用angularJS的應用程序。此應用程序有大約5個選項卡，這主要是一個表單和一個提交選項，用於所有選項卡（類似於員工數據維護）當頁面被加載時，表單將被加載用戶的數據，用戶可以編輯並重新提交表單。

由於在初始頁面加載中加載所有5個選項卡將影響頁面的加載時間，所以我打算按需加載內容和API。

第一種方法： 我可以做的一件事是在初始加載時僅加載第一個選項卡，然後基於點擊選項卡並使用ng-include加載其他選項卡以包含部分視圖。因此，最終用戶可以提交表單，客戶端驗證可以輕鬆完成。在這種情況下，頁面將具有所有激活選項卡的DOM元素。

第二種方法：通過使用routing（我對此不太瞭解）。但是從我的理解來看，這個邏輯將會在用戶切換選項卡時替換選項卡的DOM，而不像第一種方法。因此需要使用服務或其他技術來保存數據。但是，即使切換標籤頁，我也想保留前一個活動標籤的DOM。那麼可以這樣做嗎？

最後，上述兩個OR中最好的方法是什麼？還有其他什麼好的技術可以實現嗎？

Answer 1

我認爲選項2最適合你。 AngularUI路由器（https://github.com/angular-ui/ui-router）可以幫助你在標準的ng路由器之上做到這一點。

而不是在標籤開關之間保存DOM，您可以保存數據並在切換標籤頁時重新綁定。