我正在使用angularJS开发一款应用。此应用程序有大约5个选项卡,这主要是所有选项卡的表单和单个提交选项。(类似于员工数据维护)表单加载页面加载时用户的数据,用户可以编辑并重新提交表单
由于在初始页面加载中加载所有5个选项卡将影响页面的加载时间,因此我计划使用按需加载内容和API。
第一种方法: 我可以做的一件事是在初始加载时仅加载第一个选项卡,并根据单击选项卡并使用ng-include加载其他选项卡以包含部分视图。因此,最终用户可以提交表单,客户端验证可以轻松完成。在这种情况下,页面将包含所有激活选项卡的DOM元素。
第二种方法:使用routing(我对此并不熟悉)。但是根据我的理解,当用户切换选项卡时,与第一种方法不同,此逻辑将替换选项卡的DOM。因此需要使用服务或其他技术来保存数据。但我想保留以前活动标签的DOM,即使切换标签时也是如此。那可以吗?
最后,上述两个OR中最好的方法是什么?还有其他好的技术来实现吗?
答案 0 :(得分:1)
我认为选项2最适合您。 AngularUI路由器(https://github.com/angular-ui/ui-router)将在标准ng-router之上提供帮助。
您可以在切换标签页时保存数据并重新绑定,而不是在制表符开关之间保存DOM。