AngularJS向导具有动态步骤

时间:2014-08-26 16:23:04

标签: angularjs

我必须实现一个向导,其中每个步骤都是一个输入字段。 所有东西都包裹在带有章节标题的手风琴中。

用户在填写输入并按Enter后,应按字段导航向导。只有当前字段是可编辑的,而其他字段是只读的(用户可以随时更改以前填充的输入,通过单击它,将当前指针移动到它)。

我想知道什么是设计这个系统的最佳方法,考虑到整个向导结构根据不同的用户输入而变化。

我找到了一个使用ui-router(http://scotch.io/tutorials/javascript/angularjs-multi-step-form-using-ui-router)的教程,步数固定,但我的要求是显示手风琴内的当前输入编辑框,而不是固定的“ui-views” “占位符。

1 个答案:

答案 0 :(得分:2)

查看https://github.com/JustMaier/angular-autoFields-bootstrap

它是一个允许您从元数据呈现表单的模块。基本上,您可以动态更改您提供的元数据以更改表单。