使用 Angular js 进行页面重定向的有效方法答案

【问题标题】：Effective way of page redirecting using angular js使用 Angular js 进行页面重定向的有效方法
【发布时间】：2015-06-30 03:26:57
【问题描述】：

我有一个登录页面 login.jsp。用户验证在服务器端完成。使用 $http post 请求发送数据。我的疑问是成功登录我想将用户重定向到主页。我该怎么做呢..？我需要在 servlet 中使用 RequestDispatcher 还是在 Java 脚本中使用 $window.location。角度将如何处理这个问题。 Angular js 用于开发单页应用程序。谁能用一个例子清楚地解释这一点。

【问题讨论】：

如果是 SPA [单页应用程序]，您可能正在寻找角度路由 docs.angularjs.org/api/ngRoute/service/$route。如果没有，那么这两种方法中的任何一种都可以
我尝试过使用 $window.location。这里的问题是登录页面有一个类似http://localhost:8080/Angular/login.jsp 的url。第二页 url 需要是http://localhost:8080/Angular/home.jsp。但是当我重定向网址时就像'localhost:8080/Angular/test.jsp#/Home.jsp`

标签： javascript angularjs jsp servlets

【解决方案1】：

您可以将$location 注入到处理登录的控制器中，并使用$location.url('/home')，如here 所示。它看起来像这样：

myApp.controller('LoginController', function($location) {
    // whatever code to process login and store user info
    $location.url('/home');
})

希望对你有帮助！

【讨论】：

【解决方案2】：

在您的 JSP 代码中，成功登录后，使用

response.setHeader("Location", site);

有用的资源是http://www.tutorialspoint.com/jsp/jsp_page_redirect.htm

【讨论】：

【解决方案3】：

在你的角度控制器中你可以使用

$location.path( "yourpath" );

别忘了添加

$scope.apply()

定位路径之后

【讨论】：