按需加载标签和表单提交的最佳方法

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，您可以保存数据并在切换标签页时重新绑定。