如何处理单个HTML页面中存在的表单

时间:2015-06-30 16:56:37

标签: javascript html angularjs

我怀疑如下我有一个静态HTML页面(Login.html),里面有3个表格,即

  1. 登录表格
  2. 创建帐户表单
  3. 忘记密码表格
  4. 当用户输入正确的用户电子邮件时,在LOGIN表单中输入密码,表单需要将其指向不同的HTML页面,即dashboard.html。当用户选择忘记密码表单时,表单将要求用户输入他的电子邮件ID,一旦用户单击“提交”按钮,忘记密码表单应将其重定向到Login.html文件中的登录表单。两个表格都在单一的Html页面中。

    我的问题是如何使用Angular JS在单个HTML页面中从一个表单重定向到另一个表单,以及从Angular JS中的一个页面到另一个页面。我找不到关于这个问题的好教程。所以有人可以帮我解决这个问题。

1 个答案:

答案 0 :(得分:1)

如果您需要在单页html应用程序中的表单之间重定向,则需要使用路由。您的选择是ngRoute,它是AngularJS的一部分,但是一个单独的模块,以及来自AngularUI人员的ui-router,我建议这样做。

我假设您正在使用表单上的ngSubmit指令处理您的登录表单提交?如果是这样,请在分配给ngSubmit的作用域函数中以您需要的方式检查用户名/密码。如果凭据有效,请使用路由器或$ location服务将用户重定向到仪表板。忘记密码页面的链接是一个带有ngHref或ui-href的简单链接,具体取决于您使用的路由器。

您的HTML页面将显示在为视图预留的页面部分中(同样,请检查您正在使用的路由器)。 HTML页面应该是部分页面,而不是完整的HTML页面,因为它们将被插入到单页面应用程序的主页面中。

希望有所帮助。