【发布时间】：2015-10-15 10:07:40
【问题描述】：
我正在使用 angularJS 开发一个应用程序。此应用程序有大约 5 个选项卡，这主要是一个表单和所有选项卡的单个提交选项。（类似于员工数据维护）当页面加载时，表单会加载用户的数据，用户可以编辑并重新提交表单.
由于在初始页面加载中加载所有 5 个选项卡会影响页面的加载时间，因此我计划使用按需加载内容和 API。
第一种方法： 我可以做的一件事是在初始加载时仅加载第一个选项卡，并基于单击选项卡并使用 ng-include 来加载其他选项卡以包含部分视图。因此最终用户可以提交表单，并且可以轻松完成客户端验证。在这种情况下，页面将包含所有已激活选项卡的 DOM 元素。
第二种方法：使用routing（我对此不太熟悉）。但是据我了解，当用户切换选项卡时，此逻辑将替换选项卡的 DOM，这与第一种方法不同。因此需要使用服务或其他技术来保存数据。但是即使切换选项卡，我也想保留以前活动选项卡的 DOM。那么能做到吗？
最后，以上两种方法中最好的方法是什么，或者还有其他好的技术可以实现吗？
【问题讨论】：
标签： javascript jquery angularjs tabs