Javascript 将不同的表单选项卡作为一个表单处理

我有一个表格，分为不同的选项卡。这些由ui路由器处理：

$stateProvider.state（'articledetail'{
url:“/articledetail/：article”，
templateUrl:“/articledetail/articledetail.html”，
控制器：“articleDetailController”，
controllerAs:'vm'
})
.state（'articledetail.tab1'{
url:“/tab1”，
templateUrl:“/articledetail/tab1.html”
})
.state（'articledetail.tab2'{
url:“/tab2”，
templateUrl:“/articledetail/tab2.html”
})
.state（'articledetail.tab3'{
url:“/tab3”，
templateUrl:“/articledetail/tab3.html”
})
.state（'articledetail.tab4'{
url:“/tab4”，
templateUrl:“/articledetail/tab4.html”
});


阿尔及利亚信息
信息2
信息3
信息4



阿尼帕森美术馆
好的，我想我可以看到您正在努力实现的目标。
但是在我进入它之前，先看看你的初始解决方案，你应该考虑使用<代码> UI sReFraseActive =“Active”代码< NG类< /C> > < /P>
不管怎样，现在的问题。
您希望在多个视图之间共享一个模型，但只有一个submit按钮可以处理所有问题。
如果希望使用视图，则应使用服务保存模型。
否则，在进行第一次状态设置时，您可以与子状态共享父状态的控制器

我已经为你设置了一个密码笔

那么在发布表单时，您应该让所有表单元素都出现在DOM上，目前，您正在使用
ui-view
显示每个视图，但实现这一点最简单的方法是什么？同时加载所有视图..只在单击选项卡的基础上显示和隐藏它们，所以基本上我唯一能做的就是删除整个路由系统并将所有内容放在一个页面上？或者使用sessionStorage保存所有内容和ajax关于最后提交的帖子