我正在构建角度项目,并希望在几个部分中实现一个接一个的注册。注册需要大约10个字段,并且看起来不错,我想将输入字段分组。因此,当您输入第一组中的所有字段时,通过单击底部第一组上的按钮“消失”,第二组出现,依此类推。当然,最后所有输入的数据都应该可用,以便可以将其检查并发送到数据库中。
现在,我认为可以通过角度动画来完成,但是这要求每个组都应该在其自己的组件中,否则我错了吗? 我尝试使用ng-bootstrap轮播,但无法正常工作。
非常感谢任何新的建议和帮助。
答案 0 :(得分:0)
您可以通过路由来做到这一点。
定义要在其中显示注册信息的路由器插座。然后转到第一组问题。单击即可转到第二组问题。
通过路由,每组问题将是一个单独的组件。
我在此处做了类似的操作(但带有标签):https://github.com/DeborahK/MovieHunter-routing
这是路由定义的示例:
{
path: ':id/edit',
component: MovieEditComponent,
children: [
{ path: '', redirectTo: 'info', pathMatch: 'full' },
{ path: 'info', component: MovieEditInfoComponent },
{ path: 'tags', component: MovieEditTagsComponent }
]
}
在这里,我进入两个标签:信息和标签。但是,您可以只使用表单(而不使用标签)来进行路由。