浏览器的返回和前进按钮在一个AngularJS多步骤表单上。

13 浏览
0 Comments

浏览器的返回和前进按钮在一个AngularJS多步骤表单上。

我正在创建一个多步骤表单,使用AngularJS和ui-router将每个问题分解为自己的视图,以便用户可以使用浏览器的后退和前进按钮在问题之间来回切换。

我想知道是否有一种方法,如果用户在表单问题上点击返回并清除答案,他们在选择答案之前将无法再点击浏览器的前进按钮,此外,如果之前的所有问题都还没有填写,用户将无法手动输入url(例如url.com/#/question7)访问第7个问题。

我考虑在加载时运行一个检查,看看当该视图加载时是否存在一个变量,如果该变量不存在,则返回到上一页,然而我不完全确定如何实现这一点。

我的基本ui-router设置如下:

代码

感谢您的帮助。

0